@charset "utf-8";
@font-face{ font-family:myFirstFont; src:url(../fonts/framdcn.ttf);}
@font-face{ font-family:simsun; src:url(../fonts/simsun.ttf);}
@font-face{ font-family:Avenir Next W1G; src:url(../font/AVENIRNEXTW1G-REGULAR.OTF);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}
.xuanfu01{ margin-bottom: calc(6.25rem + 46px);}
/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}
/*==========================================公共 结束=============================================*/
/*==========================================首页 开始=============================================*/
.banner{position:relative;z-index:1;height:100vh;}
.banner ul.slider,.banner ul.slider .miso-list,.banner ul.slider .miso-list .miso-track{ height:100%}
.banner .miso-list li{height:100%;text-align:left;}
.banner .miso-list li .img{ position:absolute; left:0; top:0; width:100%; height:100%; -moz-transition: all 3s ease-in-out;-webkit-transition: all 3s ease-in-out;-o-transition: all 3s ease-in-out;-ms-transition: all 3s ease-in-out;transition: all 3s ease-in-out; background-size:cover !important}
.banner .miso-list li.miso-current .img{visibility: visible !important; -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.banner .miso-list li h2{font-size: 3.5rem;color: #fff;font-family:微软雅黑;position:relative;font-weight:700;-webkit-animation: sectitle0 2s ease-in-out 100ms forwards;animation: sectitle0 2s ease-in-out 100ms forwards;top:25px;filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;margin-top: -10rem;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;padding: 0 0 0 0;}
.banner .miso-list li p{font-size: 2rem;color: #fff;font-family:微软雅黑;position:relative;font-weight:100;-webkit-animation: sectitle0 2s ease-in-out 100ms forwards;animation: sectitle0 2s ease-in-out 100ms forwards;top:2rem;filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;padding: 0 0 0 0;}
@-webkit-keyframes sectitle0{
0%{
-webkit-transform: translateX(-15%);
transform: translateX(-15%);
filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;
}
100%{
-webkit-transform: translateX(0);
transform: translateX(0);
filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;
}
}
@keyframes sectitle0{
0%{
-webkit-transform: translateX(-15%);
transform: translateX(-15%);
filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;
}
100%{
-webkit-transform: translateX(0);
transform: translateX(0);
filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;
}
}
.banner .miso-list li.miso-current h2{ top:65px; filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}
.banner .miso-list li.miso-current p{ top:95px; filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}
.banner .miso-list li a{display:inline-block;width:13.75rem;line-height:3.75rem;height:3.75rem;text-align:center;font-size:0.875rem;color:#fff;font-weight:bold;text-transform:uppercase;background:#e24821;overflow: hidden;}
@-webkit-keyframes scaleUpDown {
from { -webkit-transform: scale(1.08); transform: scale(1.08); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
from { -webkit-transform: scale(1.08); transform: scale(1.08); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
.banner .miso-prev,.banner .miso-next{z-index:100000;width:75px;height:75px;line-height: 75px;margin-top:-37.5px;background:none;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;}
.banner .miso-prev:hover,.banner .miso-next:hover{ opacity:1}
.banner .miso-prev{left: 7rem;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.banner .miso-prev:before{content:"<";width:100%;height:100%;position:absolute;left:0;top:0;font-size: 3rem;font-family:simsun;color:rgba(255,255,255,0.65);}
.banner .miso-next{right: 7rem;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.banner .miso-next:hover{ }
.banner .miso-next:before{ content:">"; width:100%; height:100%; position:absolute; left:0; top:0; font-size:3rem; font-family:simsun; color:rgba(255,255,255,0.65)}
.banner .layui-container,.banner .layui-row,.banner .layui-col-xs12{ height:100%}
.banner .miso-list li .table{ text-align:left}
.banner .miso-prev:hover:before{ color:#fff}
.banner .miso-next:hover:before{ color:#fff}
@-webkit-keyframes ProgressDots {
from {
width: 0px;
}
to {
width: 100%;
}
}
@keyframes ProgressDots {
/* ==== Slick Slider Css Ruls === */
from {
width: 0px;
}
to {
width: 100%;
}
}
.banner .miso-dots {
position: absolute;
height: 2px;
top: 0;
width: 100%;
left: 0px;
padding: 0px;
margin: 0px;
list-style-type: none;
z-index: 100000;
}
.banner .miso-dots li button {
display: none;
}
.banner .miso-dots li {
float: left;
width: 0px;
height: 1px;
background: #fff;
position: absolute;
left: 0px;
top: 0;
margin: 0;
}
.banner .miso-dots li.miso-active {
width: 100%;
-webkit-animation: ProgressDots 5s both;
animation: ProgressDots 5s both;
}
/*
.banner .miso-prev,.banner .miso-next{z-index:100000;width:42px;height:40px;line-height:38px;top: -39px;background:none;margin:0; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out; -webkit-transform: perspective(40px) rotateX(90deg); -moz-transform: perspective(40px) rotateX(90deg); -ms-transform: perspective(40px) rotateX(90deg); -o-transform: perspective(40px) rotateX(90deg); transform: perspective(40px) rotateX(90deg); filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0; -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; -o-transform-origin: bottom; transform-origin: bottom; }
.banner .miso-prev.on,.banner .miso-next.on{-webkit-transform: perspective(40px) rotateX(0);-moz-transform: perspective(40px) rotateX(0);-ms-transform: perspective(40px) rotateX(0);-o-transform: perspective(40px) rotateX(0);transform: perspective(40px) rotateX(0);filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;}
.banner .miso-prev{left: -1px;border: rgba(255,255,255,0.25) 1px solid;}
.banner .miso-prev:hover{ border:rgba(239,243,246,0.7) 1px solid;}
.banner .miso-prev:before{content:"<";width:100%;height:100%;position:absolute;left:0;top:0;font-size: 20px;font-family:simsun;color: #fff;font-weight:  bold;}
.banner .miso-next{left: 40px;border: rgba(255,255,255,0.25) 1px solid;}
.banner .miso-next:hover{ border:rgba(239,243,246,0.7) 1px solid;}
.banner .miso-next:before{content:">";width:100%;height:100%;position:absolute;left:0;top:0;font-size: 20px;font-family:simsun;color: #fff;font-weight:  bold;}
*/
header{ position:fixed; width:100%; height:6.5rem; top:0; left:0; z-index:4}
header:before{ width:0; height:1px; content:""; position:absolute; bottom:0; left:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');background:rgba(255,255,255,0.25); -moz-transition: all 3s ease-in-out;-webkit-transition: all 3s ease-in-out;-o-transition: all 3s ease-in-out;-ms-transition: all 3s ease-in-out;transition: all 3s ease-in-out;}
header.on:before{ width:100%; transition-delay:2.6s;}
header .logo{display:  inline-block;padding: 0 0 0 4.125rem;height:6.5rem;line-height:6.5rem;margin-left:6.5rem;-webkit-transition: 0.36s;-o-transition: 0.36s;-moz-transition: 0.36s;transition: 0.36s;overflow: hidden;}
header .logo a{ display:inline-block}
header .logo.on{ filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0}
header .logo embed{width: 26rem;display: inline-block;vertical-align: middle;}
header .logo embed.wap{ display:none}
.left_bar{ position:fixed; width:6.5rem; height:100%;  top:0; left:0; z-index:6;}
.left_bar:before{content:"";position:absolute;right:0;top:0;width:0;height:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C707C82', endColorstr='#4C707C82');background:rgba(112,124,130,0.3);-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.left_bar.bg:before{ left:0; width:100%;}
.left_bar:after{ width:1px; height:0; content:""; position:absolute; top:0; right:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');background:rgba(255,255,255,0.25); -moz-transition: all 3s ease-in-out;-webkit-transition: all 3s ease-in-out;-o-transition: all 3s ease-in-out;-ms-transition: all 3s ease-in-out;transition: all 3s ease-in-out;}
.left_bar.on:after{ height:100%; transition-delay:2.6s;}
.left_bar .menu-btn{ position:relative; width: 6.5rem; height:6.5rem; cursor: pointer; float:left; z-index:2}
.left_bar .menu-btn:before{content:"";position:absolute;right:0;top:0;width:0;height:100%;background:#fff;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.left_bar .menu-btn:hover:before{ left:0; width:100%; transition-delay:0}
.left_bar .menu-btn .icon{position:absolute;left:50%;top:50%;width:30px;height: 18px;transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);}
.left_bar .menu-btn .icon span{width:30px;height:2px;background:#fff;display: block;-webkit-transition: 0.36s;-o-transition: 0.36s;-moz-transition: 0.36s;transition: 0.36s;position: absolute;}
.left_bar .menu-btn .icon span.span02{margin: 8px 0;}
.left_bar .menu-btn .icon span.span01{ position:absolute; top:0}
.left_bar .menu-btn .icon span.span03{ position:absolute; bottom:0}
.left_bar .menu-btn:hover span{ background:#333}
.left_bar .menu-btn.on .icon span.span01{transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);margin-top: 8px;}
.left_bar .menu-btn.on .icon span.span03{transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);margin-bottom: 8px;}
.left_bar .menu-btn.on .icon span.span02{ width:0;}
/*导航*/
.left_bar .nav001{position:absolute;z-index:10;left:6.5rem;top:0;width:18.625rem;height: 100vh;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99FFFFFF', endColorstr='#99FFFFFF');background:rgba(255,255,255,0.6);-webkit-transform-origin: left;-moz-transform-origin: left;-ms-transform-origin: left;-o-transform-origin: left;transform-origin: left;-webkit-transition: all 0.36s;-moz-transition: all 0.36s;-o-transition: all 0.36s;transition: all 0.36s;-webkit-transform: perspective(12.625rem) rotateY(90deg);-moz-transform: perspective(12.625rem) rotateY(90deg);-ms-transform: perspective(12.625rem) rotateY(90deg);-o-transform: perspective(12.625rem) rotateY(90deg);transform: perspective(12.625rem) rotateY(90deg);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;}
.left_bar .nav001.on{ -moz-transform: perspective(12.625rem) rotateY(0deg); -ms-transform: perspective(12.625rem) rotateY(0deg); -o-transform: perspective(12.625rem) rotateY(0deg); transform: perspective(12.625rem) rotateY(0deg); filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}
.left_bar .nav001 .logo{height:6.5rem;line-height:6.5rem;text-align:center;padding: 2rem 0 0;}
.left_bar .nav001 .logo embed{ width:18.5rem; display:inline-block}
.left_bar .nav001 .logo embed.wap{ display:none}
.left_bar .nav001 ul{ margin:2rem 1rem 2rem 1rem; padding-bottom:0rem; border-bottom:#e2e0df 1px solid}
.left_bar .nav001 ul li{ height:3.4375rem; line-height:3.4375rem; padding:0 0 0 2.5rem; }
.left_bar .nav001 ul li a{ font-size:1rem; color:rgba(0, 0, 0, 0.7); display:inline-block; height:3.4375rem; line-height:3.4375rem; position:relative}
.left_bar .nav001 ul li a:before{ content:""; position:absolute; right:0; bottom:0; width:0; height:2px; background:#000; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.left_bar .nav001 ul li.on a:before,.left_bar .nav001 ul li:hover a:before{ width:100%; left:0;}
.left_bar .nav001 ul li.on a,.left_bar .nav001 ul li:hover a{ color:#000}
.left_bar .nav001 p{ font-size:0.75rem; line-height:1.425rem; color:rgba(0, 0, 0, 0.1); padding:0 1rem;}
.left_bar .nav001 p a{ font-size:0.75rem; line-height:1.425rem; color:rgba(0, 0, 0, 0.1);}
/*menu*/
.left_bar .menu{width: 6.5rem;height:6.5rem;text-align:center;line-height:6.5rem;position:relative;z-index:2;float: left;}
.left_bar dl{float:left;width:100%;position:absolute;bottom:8rem;left:0;z-index: 2;}
.left_bar dl dd{ text-align:center; margin-bottom:1.25rem}
.left_bar dl dd a{ display:inline-block; width:38px; height:38px; border:#fff 1px solid; line-height:36px; text-align:center; fill:#fff; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; position:relative}
.left_bar dl dd a svg{ width:16px; height:36px; position:relative; z-index:1}
.left_bar dl dd a .con{position:absolute;left: -2px;top: -2px;bottom: -2px;width:0;background:#707c82;-moz-border-radius:19px;-webkit-border-radius:19px;border-radius:19px;font-size:12px;color:#fff;z-index:0;line-height: 40px;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;overflow:hidden;}
.left_bar dl dd a:hover .con{ width:105px; padding:0 0 0 1rem; }
.left_bar dl dd a .con span{ filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.left_bar dl dd a:hover .con span{ filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1; transition-delay:0.6s}
.left_bar dl dd[aos=fade-right].aos-animate{transition-delay:3.6s}
.left_bar dl dd[aos=fade-right] a{-webkit-transform:translate(-100px,0) rotate(-90deg);-ms-transform:translate(-100px,0) rotate(-90deg);transform:translate(-100px,0) rotate(-90deg); -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.left_bar dl dd[aos=fade-right].aos-animate a{-webkit-transform:translate(0,0) rotate(0);-ms-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0);}
.bottom_bar{ position:fixed; width:100%; height:7.5rem; bottom:0; left:0; z-index:4;background: rgba(0, 0, 0, 0.2);}
.bottom_bar:before{ width:0; height:1px; content:""; position:absolute; top:0; right:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');background:rgba(255,255,255,0.25); -moz-transition: all 3s ease-in-out;-webkit-transition: all 3s ease-in-out;-o-transition: all 3s ease-in-out;-ms-transition: all 3s ease-in-out;transition: all 3s ease-in-out;}
.bottom_bar.on:before{ width:100%; transition-delay:2s;}
/* 元器件分销服务 */
.bottom_bar .left{ float:left; width:33.333%;padding: 0 0 0 6.375rem; height:7.5rem; position:relative}
.bottom_bar .left .icon_box{ float:left; width:3rem; height:3rem; line-height:3rem; text-align:center; background:#fff; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; position:relative; cursor:pointer}
.bottom_bar .left .icon_box:before{ content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#fff; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; -moz-border-radius:1.5rem; -webkit-border-radius:1.5rem; border-radius:1.5rem;}
.bottom_bar .left .icon_box svg{ display:inline-block; width:3rem; height:3rem; position:relative; z-index:1; fill:#2f3033;}
.bottom_bar .left .con{ float:left; width:calc(100% - 3rem); padding:0 0 0 0.75rem; text-align:left; position:relative}
.bottom_bar .left .con h5{ font-size:0.75rem; color:#fff; margin:0.5rem 0 0.25rem;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.bottom_bar .left .con h3{ font-size:1.25rem;line-height: 3rem; color:#fff; font-family:Myriad Pro; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.bottom_bar .left .icon_box{ animation: rotate01 1.2s linear infinite;}
@keyframes rotate01 {
	0% {transform: translateY(0) ;}
	25% {transform: translateY(2px);}
	50% {transform: translateY(4px) scale(1.05, 0.95);}
	75% {ransform: translateY(2px) ;}
	100% {transform: translateY(0) ;}
}
.bottom_bar .left:hover .icon_box{ animation:none}
.bottom_bar .left:after{ width:1px; height:0; content:""; position:absolute; top:0; right:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');background:rgba(255,255,255,0.25); -moz-transition: all 4s ease-in-out;-webkit-transition: all 4s ease-in-out;-o-transition: all 4s ease-in-out;-ms-transition: all 4s ease-in-out;transition: all 4s ease-in-out;}
.bottom_bar .left.on:after{ height:100%; transition-delay:2.6s;}
.bottom_bar .left:hover .icon_box:before{ width:16rem}
.bottom_bar .left:hover .con h5{ color:#999; margin-bottom:0}
.bottom_bar .left:hover .con h3{ color:#333;}
/*BMS电池管理系统*/
.bottom_bar .center{ float:left; width:33.333%; height:7.5rem;padding: 0 0 0 3.375rem; position:relative}
.bottom_bar .center .icon_box{ float:left; width:3rem; height:3rem;line-height:3rem; text-align:center; background:#fff; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; position:relative; cursor:pointer}
.bottom_bar .center .icon_box:before{ content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#fff; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; -moz-border-radius:1.5rem; -webkit-border-radius:1.5rem; border-radius:1.5rem;}
.bottom_bar .center .icon_box svg{ display:inline-block; width:3rem; height:3rem; position:relative; z-index:1; fill:#2f3033;}
.bottom_bar .center .con{ float:left; width:calc(100% - 5rem); padding:0 0 0 0.75rem; text-align:left; position:relative}
.bottom_bar .center .con h5{ font-size:0.75rem; color:rgba(255,255,255,0.6); margin:0.5rem 0 0.25rem;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.bottom_bar .center .con h3{ font-size:1.25rem;line-height: 3rem; color:#fff; font-family:Myriad Pro; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.bottom_bar .center .icon_box{ animation: rotate01 1.2s linear infinite;}
@keyframes rotate01 {
	0% {transform: translateY(0) ;}
	25% {transform: translateY(2px);}
	50% {transform: translateY(4px) scale(1.05, 0.95);}
	75% {ransform: translateY(2px) ;}
	100% {transform: translateY(0) ;}
}
.bottom_bar .center:hover .icon_box{ animation:none}
.bottom_bar .center:after{ width:1px; height:0; content:""; position:absolute; top:0; right:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');background:rgba(255,255,255,0.25); -moz-transition: all 4s ease-in-out;-webkit-transition: all 4s ease-in-out;-o-transition: all 4s ease-in-out;-ms-transition: all 4s ease-in-out;transition: all 4s ease-in-out;}
.bottom_bar .center.on:after{ height:100%; transition-delay:2.6s;}
.bottom_bar .center:hover .icon_box:before{ width:16rem}
.bottom_bar .center:hover .con h5{ color:#999; margin-bottom:0}
.bottom_bar .center:hover .con h3{ color:#333}
/*机器人电池*/
.bottom_bar .right{float: left;width:50%;padding:0 0 0 3.375rem;height: 7.5rem;}
.bottom_bar .right{ float:left; width:33.333%; height:7.5rem; position:relative}
.bottom_bar .right .icon_box{ float:left; width:3rem; height:3rem;line-height:3rem; text-align:center; background:#fff; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; position:relative; cursor:pointer}
.bottom_bar .right .icon_box:before{ content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#fff; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; -moz-border-radius:1.5rem; -webkit-border-radius:1.5rem; border-radius:1.5rem;}
.bottom_bar .right .icon_box svg{ display:inline-block; width:3rem; height:3rem; position:relative; z-index:1; fill:#2f3033;}
.bottom_bar .right .con{ float:left; width:calc(100% - 5rem); padding:0 0 0 0.75rem; text-align:left; position:relative}
.bottom_bar .right .con h5{ font-size:0.75rem; color:rgba(255,255,255,0.6); margin:0.5rem 0 0.25rem;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.bottom_bar .right .con h3{ font-size:1.25rem; color:#fff;line-height: 3rem; font-family:Myriad Pro; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.bottom_bar .right .icon_box{ animation: rotate01 1.2s linear infinite;}
@keyframes rotate01 {
	0% {transform: translateY(0) ;}
	25% {transform: translateY(2px);}
	50% {transform: translateY(4px) scale(1.05, 0.95);}
	75% {ransform: translateY(2px) ;}
	100% {transform: translateY(0) ;}
}
.bottom_bar .right:hover .icon_box{ animation:none}
.bottom_bar .right:after{ width:1px; height:0; content:""; position:absolute; top:0; right:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');background:rgba(255,255,255,0.25); -moz-transition: all 4s ease-in-out;-webkit-transition: all 4s ease-in-out;-o-transition: all 4s ease-in-out;-ms-transition: all 4s ease-in-out;transition: all 4s ease-in-out;}
.bottom_bar .right.on:after{ height:100%; transition-delay:2.6s;}
.bottom_bar .right:hover .icon_box:before{ width:16rem}
.bottom_bar .right:hover .con h5{ color:#999; margin-bottom:0}
.bottom_bar .right:hover .con h3{ color:#333}

header .right{float:right;margin-right:10rem;height: 6.5rem;line-height: 6.5rem;}
header .right .ewm{ display:inline-block; font-size:0.875rem; color:#ffffff; margin-right:1.25rem; position:relative; cursor:pointer}
header .right .ewm .icon{overflow:hidden;width:1rem;height:1.125rem;fill:#fff; vertical-align: middle;}
header .right .ewm b{margin: 0 0 0 0.625rem;font-weight:normal;}
header .right .lan{ display:inline-block; font-size:1rem; color:#ffffff; position:relative; cursor:pointer}
header .right .lan img{height: 1.2rem;}
header .right .lan .icon{ overflow:hidden; width:1rem; height:1.125rem; fill:#fff; vertical-align:middle}
header .right .lan b{margin: 0 0 0 0.625rem; font-weight:normal}
header .right .lan b a{color:#fff;}
header .right .lan i{ font-style:normal}
header .right .lan i .icon{ fill:#fff}
header .right .ewm .ewm_tc{position:absolute;top: 6.5rem;left:50%;margin-left:-3rem;width:7rem;height:7rem;z-index: 10;display:none;background: #fff;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
header .right .ewm .ewm_tc img{ float:left; width:100%; height:100%;}
header .right .ewm .ewm_tc:before{content:"";position:absolute;top: -6px;margin-left: -6px;left:50%;border-bottom: #fff 6px solid;border-left:transparent 6px solid;border-right:transparent 6px solid;}
header .right .ewm .ewm_tc.on{ margin-top:-1rem;}

header .right .lan .yuyan{position:absolute;top: 6.5rem;left:50%;margin-left:-3rem;width:7rem;z-index: 10;display:none;background: #fff;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }
header .right .lan .yuyan li{ height:36px; line-height:36px; font-size:14px; color:#fff; padding:0 1rem; border-bottom:#f8f8f8 1px solid}
header .right .lan .yuyan:before{content:"";position:absolute;top: -6px;margin-left: -6px;left:50%;border-bottom: #fff 6px solid;border-left:transparent 6px solid;border-right:transparent 6px solid;}
header .right .lan .yuyan li a{ display:block; width:100%; height:100%;}
header .right .lan .yuyan.on{ margin-top:-1rem;}
/* loading */
body.loading{overflow-y:hidden}
body.loading .main{overflow-y:hidden} 
#pageloader{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:2000}
#pageloader::after,#pageloader::before{content:"";display:block;position:absolute;left:0;width:100%;height:50%;background:#fff;z-index:-1;-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}
#pageloader::before{top:0}
#pageloader::after{bottom:0}
#pageloader .loader-icon{-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}
#pageloader.hiden::after,#pageloader.hiden::before{height:0}
#pageloader.hiden .loader-icon{opacity:0}
.loader-icon{position:absolute;top:50%;left:50%;width:30px;height:30px;margin-top:-15px;margin-left:-15px}
.loader-icon .circular{width:100%;height:100%;-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.loader-icon .circular .path{stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}
@-webkit-keyframes dash {
0% {
stroke-dasharray:1,200;
stroke-dashoffset:0
}
50% {
stroke-dasharray:89,200;
stroke-dashoffset:-35px
}
100% {
stroke-dasharray:89,200;
stroke-dashoffset:-124px
}
}@keyframes dash {
0% {
stroke-dasharray:1,200;
stroke-dashoffset:0
}
50% {
stroke-dasharray:89,200;
stroke-dashoffset:-35px
}
100% {
stroke-dasharray:89,200;
stroke-dashoffset:-124px
}
}
/***联系我们***/
.contactusdiyou {position: fixed; right: -16rem; bottom: 0px; _position: absolute; width: 16rem; height: 100%; z-index: 99999999999;  _margin-bottom:0px; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); transition:all .5s ease; background: rgba(0, 0, 0, 0.45);}
.contactusdiyou .hoverbtn{width:60px; height:177px; padding-top:20px; cursor: pointer; position:absolute; top:50%; margin-top:-66px;left:-60px; font-size:14px; color:#000; background:#fff;text-align: center;}
.contactusdiyou .hoverbtn:before{
	content: "";
    position: absolute;
    top: 46px;
    left: 50%;
    margin-left: -0.5px;
    width: 1px;
    height: 30px;
    background: #999;
}
.contactusdiyou .hoverbtn img.img01{
	margin-bottom: 48px;
    margin-left: 3px;
}

.contactusdiyou .hoverbtn span{width:30px; height:19px;line-height: 19px; text-align: center; overflow:hidden; float:left;}
.contactusdiyou .hoverbtn .hoverimg{width:13px; height:9px; margin:10px 0px 0px 10px; float:left; display:inline;background-repeat: no-repeat;}
.hoverimg2{background:url(../images/hoverbtnbg1.png) no-repeat; } 
.contactusdiyou .conter{width:100%; height:28rem; padding:1.5rem;position:absolute; top:70%;margin-top:-24rem;}
.contactusdiyou .conter .con1{ border-bottom:1px solid #6a6a6a; padding-bottom:22px;}
.contactusdiyou .conter .con1 dl dt{width:31px; height:31px; float:left;    position: relative;
    top: 32px;}
.contactusdiyou  dl .f1{width:10rem; height:36px;line-height: 36px; float:right; font-size:14px;_font-size: 14px;*font-size: 15px; color:#fff;vertical-align: top; font-weight: bold;}
.contactusdiyou  dl .f2{ width:10rem; float:right; font-size:12px; color:#fff; height:4rem;line-height: 0.9rem; float:right;}
.kefuQQ a{ width:70px; height:20px; display:inline-block; vertical-align:middle;color:#fff;}
.kefuQQ a:hover{color:#1b8ad7; }
.contactusdiyou .conter .con1 dl dd .ph_num{ font:0.8rem 'Microsoft yahei';color:#fff; height:1.5rem;font-weight: 800;}

.contactusdiyou .qqcall{padding:22px 0px;border-bottom:1px solid #6a6a6a;}
.contactusdiyou .qqcall dl dt{width:31px; height:31px; float:left; position: relative;
    top: 32px;}

.contactusdiyou .weixincall{float:right;padding:22px 0; border-bottom:1px solid #6a6a6a;}
.contactusdiyou .weixincall dl dt{width:31px; height:31px; float:left; position: relative;
    top: 32px;}


.contactusdiyou .weixincall .f3{float: right;width:73px; height:auto; margin-right:69px; display:inline;}
.contactusdiyou .weixincall .f3 img{width: 73px;height: auto;}
.contactusdiyou .dytimer{padding: 16px 0px 15px 0px; /* background: #007b77; */ margin: 20px 0px 0px 0px;}
.contactusdiyou .dytimer dt{width: 31px;height: 31px;float: left;position: relative;top: 22px;}
.contactusdiyou .dytimer span{display:block; height:20px; line-height:20px; font-size:14px; color:#fff;float: right;width:10rem;}
.contactusdiyou .dytimer span a{color:#fff;}
.contactusdiyou .dytimer span a:hover{color:#1b8ad7;}
.diyou{_position: absolute; _bottom: auto;_margin-bottom:0px; z-index:99999999999; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
.diyoumask { position:fixed; left: 0; top: 0; z-index: 100000; width:100%; height:100%; opacity:0.3;filter:alpha(Opacity=30); background:#000; display:none;}
.fn_cle:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } 



/*悬浮*/
.message{position:fixed;right:0;width:60px;height:177px;background:#fff;top:50%;margin-top:-88.5px;text-align:center;z-index: 1000;-webkit-transform: translateX(100%) translateZ(0px);-moz-transform: translateX(100%) translateZ(0px);transform: translateX(100%) translateZ(0px);backface-visibility: hidden;-webkit-backface-visibility: hidden;-webkit-transition: -webkit-transform 1.2s ease-in-out;-moz-transition: -moz-transform 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
.message a{ display:block; padding:20px 0 0; position:relative}
.message a img.img01{ margin-bottom:48px; margin-left:3px;}
.message a:before{ content:""; position:absolute; top:46px; left:50%; margin-left:-0.5px; width:1px; height:30px; background:#999;}
.message.on{ -webkit-transform: translateX(0%); -moz-transform: translateX(0%); transform: translateX(0%); transition-delay:3s}
.n_header{ height:6.25rem;}
.n_header .logo01{position:absolute;width:8.5rem;left:50%;margin-left:-3.75rem;height:6.25rem;line-height:6.25rem;padding: 2rem 0 0;}
.n_header .logo01 embed{ width:100%}
.n_header .logo01 embed{ display:inline-block}
.n_header .right{float:right;height: 6.25rem;line-height: 6.25rem;}
.n_header .right .ewm{display:inline-block;font-size:0.875rem;color:#ffffff;position:relative;cursor:pointer;margin-left: 1.25rem;}
.n_header .right .ewm .icon{overflow:hidden;width:1.5rem;height:1.5rem;fill:#8c8c8c; vertical-align: middle;}
.n_header .right .ewm b{margin: 0 0 0 0.625rem;font-weight:normal;}
.n_header .right .lan{display:inline-block;font-size: 0.8125rem;color: #999;position:relative;cursor:pointer;}
.n_header .right .lan .icon{overflow:hidden;width:1rem;height:1.125rem;fill: transparent;vertical-align:middle;margin-top: -3px;}
.n_header .right .lan b{margin: 0 0 0 0.625rem; font-weight:normal}
.n_header .right .lan i{ font-style:normal}
.n_header .right .lan i .icon{ fill:#8c8c8c}
.n_header .right .ewm .ewm_tc{position:absolute;top: 6.5rem;left:50%;margin-left: -3.5rem;width:7rem;height:7rem;z-index: 10;display:none;background: #fff;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;box-shadow: rgba(0,0,0,0.15) 3px 3px 5px;border: #dcdcdc 1px solid;}
.n_header .right .ewm .ewm_tc img{ float:left; width:100%; height:100%;}
.n_header .right .ewm .ewm_tc:before{content:"";position:absolute;top: -6px;margin-left: -6px;left:50%;border-bottom: #dcdcdc 6px solid;border-left:transparent 6px solid;border-right:transparent 6px solid;}
.n_header .right .ewm .ewm_tc.on{ margin-top:-1rem;}
.n_header .right .lan .yuyan{position:absolute;top: 6.5rem;left:50%;margin-left:-3rem;width:7rem;z-index: 10;display:none;background: #f9f9f9;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_header .right .lan .yuyan li{ height:36px; line-height:36px; font-size:14px; color:#fff; padding:0 1rem; border-bottom:#f8f8f8 1px solid}
.n_header .right .lan .yuyan:before{content:"";position:absolute;top: -6px;margin-left: -6px;left:50%;border-bottom: #f9f9f9 6px solid;border-left:transparent 6px solid;border-right:transparent 6px solid;}
.n_header .right .lan .yuyan li a{ display:block; width:100%; height:100%;}
.n_header .right .lan .yuyan.on{ margin-top:-1rem;}
/*导航*/
.nav{text-align: center;}
.nav li{position: relative;display: inline-block;}
.nav>ul>li>a{display: block;height: 46px;line-height: 46px;text-align: center;padding: 0 2.875rem;position: relative;z-index: 1;font-weight: bold;font-size: 0.9375rem;color: #454547;}
.nav>ul>li>a:before {content: "";height: 2px;background-color: #707c82;position: absolute;left: 2.875rem;right: 2.875rem;bottom: 0px;transform-origin: 100%;-webkit-transform-origin: 100%;-webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1);transition: transform .3s cubic-bezier(.4,0,.2,1);transform: scaleX(0);-webkit-transform: scaleX(0);visibility:hidden;}
.nav>ul>li>a:hover:before,.nav>ul>li.on>a:before,.nav>ul>li>a.hov:before,.nav>ul>li>a.active:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible;}
.nav>ul>li>a.hov,.nav>ul>li>a.active ,.nav>ul>li>a:hover{color: #707c82;}    
.nav .subnav{position: absolute;left: 0;top: 40px;display: none;text-align: left;filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7FF7F7F7', endColorstr='#7FF7F7F7');background:rgba(247,247,247,0.8);padding: 15px 0.625rem;width: 100%; height:240px}
.nav .subnav a{display: block;font-size: 12px;color: #818181;text-align: center;border-bottom: rgba(235,235,235,0.17) 1px solid;height: 32px;line-height: 32px;}
.nav .subnav a:hover{ background:url(../images/icon_right.png) left center no-repeat; color:#2e2e2e}
.menu-handler{cursor:pointer;z-index:1020;position: absolute;width:46px;height:45px;right: 12px;top: 14px;display: none;}
.menu-handler:before{ content:""; width:46px; height:45px; position:absolute; left:0; top:0; right:0; bottom:0; visibility:hidden; transition:0.38s;}
.menu-handler:hover:before{ opacity:1; visibility:visible;}
.menu-handler span {
position: relative;
display: inline-block;
width: 30px;
height: 2px;
background-color: #707c82;
vertical-align: middle;
-webkit-transition-duration: .3s,.3s;
-moz-transition-duration: .3s,.3s;
-ms-transition-duration: .3s,.3s;
-o-transition-duration: .3s,.3s;
transition-duration: .3s,.3s;
-webkit-transition-delay: .3s,0s;
-moz-transition-delay: .3s,0s;
-ms-transition-delay: .3s,0s;
-o-transition-delay: .3s,0s;
transition-delay: .3s,0s;
margin: 21px 0px 0px 8px;
}
.menu-handler span:after,
.menu-handler span:before {
content: "";
position: absolute;
display: inline-block;
width: 100%;
height: 2px;
left: 0px;
background-color: #707c82;
-webkit-transition-duration: .3s,.3s;
-moz-transition-duration: .3s,.3s;
-ms-transition-duration: .3s,.3s;
-o-transition-duration: .3s,.3s;
transition-duration: .3s,.3s;
-webkit-transition-delay: .3s,0s;
-moz-transition-delay: .3s,0s;
-ms-transition-delay: .3s,0s;
-o-transition-delay: .3s,0s;
transition-delay: .3s,0s;
}
.menu-handler span:before { top: -10px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menu-handler span:after { bottom: -10px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menu-handler.active{ background-color: #ffffff;}
.menu-handler.active span { background-color: transparent; -webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.menu-handler.active span:after,.menu-handler.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s;}
.menu-handler.active span:before {top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menu-handler.active span:after {bottom: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.menu-Box{box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);position:fixed;right: -100%;top: 0px;background-color: #707c82;height: 100%;width: 100%;z-index: 1010;opacity: 0;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;transition: right 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;-webkit-transition: right 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s, opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;}
.menu-Box.menu-Box-btn{ right: 0; opacity: 1;}
.menu-Box a:link, .menu-Box a:visited { color: #ffffff;}
.menu-Box a:active,.menu-Box a:hover { color: #ffffff;}
.menuMoblie{ padding: 80px 0px;}
.menuMoblie li{border-bottom: 1px solid #7d8990;}
.menuMoblie li:last-child{ border-bottom: 0px none;}
.menuMoblie>li>a{display: block;font-size: 14px;line-height: 1.4;padding: 15px 10px 15px 35px;position: relative;z-index: 1;}
.menuMoblie>li>a:before {content: "";position: absolute;width: 3px;height: 3px;display: block;border-radius: 50%;background-color: #fff;left: 20px;top: 24px;}
.menuMoblie>li>a:hover{background-color: #7d8990;}
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.2); display: none; z-index: 900;}
.menuOpen .pusher-black { display: block; }
.nav .nav_img{position: absolute;left:100%;top: 40px;display: none; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2FFFFFF', endColorstr='#B2FFFFFF');background:rgba(255,255,255,0.5); padding:32px 0; width:326px; height:240px; text-align:center; overflow:hidden}
.nav .nav_img .img,.nav .nav_img .img img{ display:inline-block; overflow:hidden; width:260px; height:157px;}
.nav .nav_img h5{ font-size:14px; color:#6d6d6d; height:36px; line-height:36px;}
.nav .nav_img h5 small{ font-size:12px; color:#6d6d6d; margin-left:5px; text-transform:capitalize}
.nav ul li:nth-child(6) .nav_img,.nav ul li:nth-child(7) .nav_img{ left:auto; right:100%}
/*==========================================首页 结束=============================================*/
/*==========================================内页 开始=============================================*/
.n_banner{ height:355px;}
.position{float: right;height:50px;line-height:50px;color: #acacac;padding-left: 19px;font-size: 12px;background: url(../images/home_icon.png) left 20px no-repeat;}
.position span, .position a, .position i{font-size:12px;color: #5b5b5b;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.position i{margin: 0px 7px;font-style:normal;color: #6a6a6a;}
.position i img{vertical-align:middle;margin-top: -2px;}
.position em{font-size:12px;color: #acacac;font-style: normal;}
.position a:hover{color: #707c82;}
.n_erji{padding: 30px 0;border-bottom:#dedede 1px solid;}
.n_erji dl{ font-size:0; text-align:center}
.n_erji dl dt{ padding:0 4rem; display:inline-block; *display:inline; *zoom:1; position:relative}
.n_erji dl dt h3{ height:58px; line-height:58px;}
.n_erji dl dt h5{ font-size:14px; color:#444444; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n_erji dl dt:before{content:"";position:absolute;border:#d5d5d5 1px solid;width:13px;height:13px;left:50%;margin-left: -8px;bottom: -38px;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;background: #f3f3f5;}
.n_erji dl dt:after{content:"";position:absolute;width:5px;height:5px;left:50%;margin-left: -3px;bottom: -33px;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;background:#f3f3f5;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_erji dl dt.on:after,.n_erji dl dt:hover:after,.n_erji dl dt.selected:after{ background:#707c82;}
.n_case{ padding:4rem 0 3.125rem; overflow:hidden}
.n_case ul{ margin:0 -1rem; overflow:hidden; margin-bottom:1rem}
.n_case ul li{ float:left; width:33.33333%; padding:0 1rem; margin-bottom:3.125rem}
.n_case ul li .img{ overflow:hidden; width:100%; position:relative}
.n_case ul li .img img{ width:100%}
.n_case ul li .img a{ position:relative; z-index:1}
.n_case ul li .con{ padding:1.25rem 0.25rem 0; overflow:hidden; position:relative;}
.n_case ul li .con h5{ font-size:1.03rem; color:#4b4b4b; margin-bottom:0.5rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; position:relative}
.n_case ul li .con h5 a{height:1.125rem;color:#4b4b4b;line-height: 1.125rem;}
.n_case ul li .con p{font-size: 0.75rem; height:0.875rem; color: #757575;position:relative; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_case ul li .img:before{ content:""; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#72000000', endColorstr='#72000000');background:rgba(0,0,0,0.45); width:0; height:100%; right:0; top:0; position:absolute; z-index:2; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_case ul li .img:after{ content:""; background:url(../images/icon_eye.png) center no-repeat; width:100%; height:100%; left:0; top:-100%; position:absolute; z-index:2; -moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
/*====翻页====*/
.j_pages{margin:0 auto 0 auto}
.j_pages .box{display:inherit;width:100%;text-align: center;margin-bottom: 0;margin: 0;padding: 0;}
.j_pages a{padding: 0px 10px;height: 35px;line-height: 35px;display:inline-block;margin: 0 5px;color: #343638;font-size: 1.125rem;box-sizing: border-box;text-transform:  uppercase;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;position:relative;}
.j_pages a font{font-size: 1rem;color: #343638;}
.j_pages a.on{border-bottom: #707c82 2px solid;}
.j_pages a:before{ content:""; bottom:0; right:0; background:#707c82; height:2px; width:0; position:absolute; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.j_pages a:hover:before{ left:0; width:100%}
.n_bottom{padding:0 0 4.5rem;}
.n_bottom .layui-container01{ overflow: hidden;}
.n_bottom ul{ font-size:0; text-align:center}
.n_bottom ul li{ display:inline-block; *display:inline; *zoom:1; padding:0 1.375rem}
.n_bottom ul li .img{display:inline-block;width: 56px;height:55px;position:relative;white-space:nowrap;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;overflow:hidden;}
.n_bottom ul li .img img{display:inline-block;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;margin: 0 0.5px;}
.n_bottom ul li h5{ font-size:12px; color:#8d8d8d; margin-top:0.9375rem}
footer{ border-top:#dfdfdf 2px solid; padding:2.75rem 0; background:#f3f3f5}
footer .left h5{font-size:0.875rem;color:#787878;margin-top: 0.5rem;}
footer .left h3{ font-size:1.5rem; color:#707c82; margin:0.5rem 0 1rem}
footer .left p{ font-size:0.8745rem; color:#787878;}
footer .left p br.ar_wap{ display:none}
footer .right p{ font-size:12px; color:#a5a5a6; line-height:20px; text-align:right; text-transform:uppercase}
footer .right p a{ color:#a5a5a6;}
footer .right .layui-input-block{ margin:0;}
footer .right .layui-form{ width:246px; float:right; margin-top:15px}
footer .right .layui-form .layui-input{background:#f3f3f5;height:36px;font-size:12px;color:#949494;padding-left: 15px;}
footer .right select{ border:#d3d3d3 1px solid; background:#f3f3f5}
footer .right .layui-form-select .layui-edge{border-top-color:#a7a8a9;border-width: 0;border-right-width: 4.5px;border-left-width: 4.5px;right: 15px;border-top-width: 5px;}
.n_erweima{ padding:4rem 0 3.125rem}
.n_erweima  .ar_article p{ text-align:center; font-size:0.875rem; color:#707070; line-height:1.625rem}
.n_erweima  .ar_article p span{ font-size:13px; color:#7f7e7e; display:inline-block; width:100%; margin-top:0.5rem}
.n_erweima  .ar_article p.pp img{ -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -moz-transition-property: -moz-transform; -moz-transition-duration: 1s; -webkit-animation: rotate 9s linear infinite; -moz-animation: rotate 9s linear infinite; -o-animation: rotate 9s linear infinite; animation: rotate 9s linear infinite;}
@-webkit-keyframes rotate{
from{-webkit-transform: rotate(0deg)}
to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{
from{-moz-transform: rotate(0deg)}
to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{
from{-o-transform: rotate(0deg)}
to{-o-transform: rotate(359deg)}
}
@keyframes rotate{
from{transform: rotate(0deg)}
to{transform: rotate(359deg)}
}
.n_service .fl01{ padding:2rem 0 4rem; text-align:center}
.n_service .fl01 h3{ font-size:1.375rem; color:#535353; margin-bottom:2rem}
.n_service .fl01 p.content01{ margin-bottom:2.5rem}
.n_service .fl01 p{ font-size:0.875rem; color:#656565; line-height:1.875rem; margin-bottom:0.5rem}
.n_service .fl02{ padding:5rem 0 4rem; text-align:center; background:#fff}
.n_service .fl02 ul{ overflow:hidden; font-size:0; text-align:left}
.n_service .fl02 ul li{ display:inline-block; *display:inline; *zoom:1; width:20%;}
.n_service .fl02 ul li .img { overflow:hidden; position:relative}
.n_service .fl02 ul li .img img{ width:100%}

.n_service .fl02 ul li .con{ height:9.6875rem; background:#f3f3f5}
.n_service .fl02 ul li .con h3{ height:3.375rem; line-height:3.375rem;}
.n_service .fl02 ul li .con h5{ font-size:0.9375rem; color:#323232}
.n_service .fl02 ul li:hover .img:after{position: absolute;display: block;top: 0;left: 0;content: "";width: 100%;height: 100%;background: rgba(0,0,0,.5);-webkit-animation: fadeInDown 1s;animation: fadeInDown 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.n_service .fl02 ul li:hover .img:after{-webkit-animation: lightSpeedOut 1s;animation: lightSpeedOut 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-150px);
transform: translateY(-150px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-150px);
-ms-transform: translateY(-150px);
transform: translateY(-150px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
/*====移动端导航====*/
#m_n_nav{background: #707c82;display: none;line-height: 50px;height: 50px;position: relative;z-index: 99;float: left;width: 100%;}
#bnt_back{position:absolute;left: 1rem;top:0;color: #fff;font-size: 20px;}
#m_n_nav i{}
#m_n_nav h1{font-size: 14px;color: #fff;text-align: center;margin: 0;line-height: 50px;}
#bnt_sub_nav{position: absolute;right: 1rem;top: 0;cursor: pointer;color: #fff;font-size: 18px;}
#bnt_sub_nav img{ display: block; height: 15px; }
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{background: #f0f3f5; display: none; box-shadow: 0 0 5px #999; z-index: 9;}
#sub_nav_content ul{ padding:  10px;}
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0;}
#sub_nav_content ul li a{ display:block; border-left:2px solid #d2b068; height:30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455;}
#sub_nav_content ul li.on a{color: #d2b068;}
#sub_nav_content dt{height:40px;line-height:40px;position:relative;background:#fff;  border-top:1px solid #e7e7e7; z-index: 999; }
#sub_nav_content dt a{ margin:0 20px; display:block;color:#5b5349; height: 40px; font-size:14px; font-weight: 400;  }
#sub_nav_content dt a i{ position: absolute; right: 15px; top: 0; opacity:0;filter:alpha(opacity=0); }
#sub_nav_content dt a{}
#sub_nav_content dt.title{background:#fafafb;}
#sub_nav_content dt.title i{ opacity:1;filter:alpha(opacity=100);}
#sub_nav_content dt.title_on  { background:#fafafb;}
#sub_nav_content dt.title_on a{ color:#707c82; border-top:1px solid #fff;}
#sub_nav_content dt.title_on a i{ color: #707c82;  }
#sub_nav_content dt.last a{border-top:1px solid #f8f8f8;}
#sub_nav_content dt.on a,#sub_nav_content dt.title_on a{color: #707c82;}
#sub_nav_content dd{  display:none;}
#sub_nav_content dd .box{padding:0px 0px 0px 0px;}
#sub_nav_content dd a{ padding:0 25px;  line-height:30px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:30px;}
#sub_nav_content dd a.on{ color:#707c82}
.n_huanjing{ padding:1rem 0 1rem}
.n_huanjing ul { margin-bottom:3.125rem}
.n_huanjing ul li{ padding:3.125rem 0}
.n_huanjing ul li .box{display:table;position:relative;width: 100%;}
.n_huanjing ul li .box .img{ display:table-cell; width:23.75rem; overflow:hidden; position:relative}
.n_huanjing ul li .box .img img{ width:100%}
.n_huanjing ul li .box .con{display:table-cell;width:calc(100% - 23.75rem);position: relative;}
.n_huanjing ul li .box .con .con_box{position:absolute;left:0;top:0;width:100%;height:100%;padding: 0 0 0 3.125rem;}
.n_huanjing ul li .box .con .con_box .table{ text-align:left}
.n_huanjing ul li .box .con .con_box .table h5,.n_huanjing ul li .box .con .con_box .table h5 a{ font-size:1.125rem; color:#414141; height:1.25rem; line-height:1.25rem}
.n_huanjing ul li .box .con .con_box .table p{ font-size:0.875rem; color:#878787; line-height:1.5rem; height:3rem; overflow:hidden; margin:1.5rem 0 2.125rem}
.n_huanjing ul li .box .con .con_box .table h6 a{ font-size:12px; color:#666666}
.n_huanjing ul li .box .con .con_box .table h6 a small{ margin-left:0.5rem}
.n_huanjing ul li .box .img:before{ content:""; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#72000000', endColorstr='#72000000');background:rgba(0,0,0,0.45); width:0; height:100%; right:0; top:0; position:absolute; z-index:2; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_huanjing ul li .box .img:after{ content:""; background:url(../images/icon_eye.png) center no-repeat; width:100%; height:100%; left:0; top:-100%; position:absolute; z-index:2; -moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
.n_about{ padding:3.5rem 0 2rem}
.n_yingyong{ padding:2rem 0 2.5rem}
.n_yingyongul { margin-bottom:3.125rem}
.n_yingyong ul li{ padding:0.5rem 0}
.n_yingyong ul li .box{display:table;position:relative;width: 100%;}
.n_yingyong ul li .box .img{ display:table-cell; width:23.75rem; overflow:hidden; position:relative}
.n_yingyong ul li .box .img img{ width:100%}
.n_yingyong ul li .box .con{display:table-cell;width:calc(100% - 23.75rem);position: relative;background: #f3f3f5;}
.n_yingyong ul li .box .con .con_box{position:absolute;left:0;top:0;width:100%;height:100%;padding: 0 0 0 3.125rem;}
.n_yingyong ul li .box .con .con_box .table{ text-align:left; width:95%;}
.n_yingyong ul li .box .con .con_box .table h5,.n_yingyong ul li .box .con .con_box .table h5 a{ font-size:1.125rem; color:#414141; height:1.25rem; line-height:1.25rem}
.n_yingyong ul li .box .con .con_box .table p{ font-size:0.875rem; color:#878787; line-height:1.5rem; height:3rem; overflow:hidden; margin:1.5rem 0 2.125rem}
.n_yingyong ul li .box .con .con_box .table h6 a{ font-size:12px; color:#666666}
.n_yingyong ul li .box .con .con_box .table h6 a small{ margin-left:0.5rem}
.n_yingyong ul li .box .img:before{ content:""; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#72000000', endColorstr='#72000000');background:rgba(0,0,0,0.45); width:0; height:100%; right:0; top:0; position:absolute; z-index:2; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_yingyong ul li .box .img:after{ content:""; background:url(../images/icon_eye.png) center no-repeat; width:100%; height:100%; left:0; top:-100%; position:absolute; z-index:2; -moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
/*社会责任*/
.n_zeren .fl01{ padding:2rem 0 4rem; text-align:center}
.n_zeren .fl01 h4{ font-size:1.25rem; color:#6d6d6d; margin-bottom:0.75rem; text-transform:uppercase}
.n_zeren .fl01 h3{ font-size:1.125rem; color:#494949; margin-bottom:2rem}
.n_zeren .fl01 .ar_article{ text-align:center}
.n_zeren .fl01 p{ font-size:0.875rem; color:#656565; line-height:1.875rem; margin-bottom:0.5rem; text-align:center}
.n_zeren .fl02{ padding:0.625rem 0 3.75rem; background:#fff}
.n_zeren .fl02 ul li{ padding:3.125rem 0; border-bottom:#e8e8e8 1px solid}
.n_zeren .fl02 ul li .box{display:table;position:relative;width: 100%;}
.n_zeren .fl02 ul li .box .img{display:table-cell;width:20.3125rem;overflow:hidden;position:relative;}
.n_zeren .fl02 ul li .box .img img{ width:100%}
.n_zeren .fl02 ul li .box .con{display:table-cell;width:calc(100% - 20.3125rem);position: relative;}
.n_zeren .fl02 ul li .box .con .con_box{/* position:absolute; */left:0;top:0;width:100%;height:100%;padding: 0 0 0 3.125rem;}
.n_zeren .fl02 ul li .box .con .con_box .table{ text-align:left}
.n_zeren .fl02 ul li .box .con .con_box .table h5,.n_zeren .fl02 ul li .box .con .con_box .table h5 a{ font-size:1rem; color:#717171; height:1.25rem; line-height:1.25rem}
.n_zeren .fl02 ul li .box .con .con_box .table h5 font{ margin:0 0.5rem} 
.n_zeren .fl02 ul li .box .con .con_box .table p{font-size:0.875rem;color:#717171;line-height:1.5rem;/* max-height:5.25rem; */margin:1.5rem 0 0;}
/*会议会展*/
.n_news{ padding:2.8125rem 0 3.75rem;}
.n_news ul{ margin:0 -1rem; overflow:hidden; margin-bottom:1rem}
.n_news ul li{ float:left; width:33.33333%; padding:0 1rem; margin-bottom:3.125rem}
.n_news ul li .img{ overflow:hidden; width:100%; position:relative}
.n_news ul li .img img{ width:100%}
.n_news ul li .img a{ position:relative; z-index:1}
.n_news ul li .con{padding: 1.75rem 3.125rem 1.75rem;overflow:hidden;position:relative;background: #ffffff;}
.n_news ul li .con h5{font-size:1rem;color:#4b4b4b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;}
.n_news ul li .con h5 a{height: 1rem;color: #464646;line-height: 1.125rem;}
.n_news ul li .con p{font-size: 0.75rem;height: 1rem;color: #888888;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin: 1.125rem 0 1.75rem;line-height: 1rem;}
.n_news ul li .con h6{ font-size:0.75rem; color:#bbbbbb}
.n_news ul li .img:before{ content:""; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#72000000', endColorstr='#72000000');background:rgba(0,0,0,0.45); width:0; height:100%; right:0; top:0; position:absolute; z-index:2; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_news ul li .img:after{ content:""; background:url(../images/icon_eye.png) center no-repeat; width:100%; height:100%; left:0; top:-100%; position:absolute; z-index:2; -moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
/*研发生产*/
.n_shengchan{padding: 1.625rem 0 0;}
.n_shengchan ul{margin:0 -1rem;overflow:hidden;margin-bottom:1rem;padding-top: 2rem;}
.n_shengchan ul li{ float:left; width:33.33333%; padding:0 1rem; margin-bottom:2.5rem}
.n_shengchan ul li .box{ -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_shengchan ul li .img{ overflow:hidden; width:100%; position:relative}
.n_shengchan ul li .img img{ width:100%}
.n_shengchan ul li .img a{ position:relative; z-index:1}
.n_shengchan ul li .con{padding: 0;overflow:hidden;position:relative;background: #ffffff;height:  3.75rem;line-height: 3.75rem;text-align: center;}
.n_shengchan ul li .con h5{font-size:1rem;color:#4b4b4b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;line-height: 3.75rem;}
.n_shengchan ul li .con h5 a{color: #464646;line-height: 3.75rem;}
.n_shengchan ul li .con p{font-size: 0.75rem;height:0.875rem;color: #888888;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin: 1.125rem 0 1.75rem;}
.n_shengchan ul li .con h6{ font-size:0.75rem; color:#bbbbbb}
.n_shengchan ul li .img:before{ content:""; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#72000000', endColorstr='#72000000');background:rgba(0,0,0,0.45); width:0; height:100%; right:0; top:0; position:absolute; z-index:2; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_shengchan ul li .img:after{ content:""; background:url(../images/icon_eye.png) center no-repeat; width:100%; height:100%; left:0; top:-100%; position:absolute; z-index:2; -moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
/*视频*/
.n_video{padding: 1.625rem 0 2.5rem;}
.n_video ul{margin:0 -1.25rem;overflow:hidden;margin-bottom:1rem;padding-top: 2rem;}
.n_video ul li{ float:left; width:33.33333%; padding:0 1.25rem; margin-bottom:2.5rem}
.n_video ul li .box{-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;padding: 0.625rem;background: #fff;}
.n_video ul li .img{ overflow:hidden; width:100%; position:relative}
.n_video ul li .img img{ width:100%}
.n_video ul li .img a{ position:relative; z-index:1}
.n_video ul li .con{padding: 0;overflow:hidden;position:relative;background: #ffffff;height:  3.75rem;line-height: 3.75rem;text-align: center;margin-bottom: -0.625rem;}
.n_video ul li .con h5{font-size: 0.9375rem;color:#4b4b4b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;line-height: 3.75rem;}
.n_video ul li .con h5 a{color: #464646;line-height: 3.75rem;}
.n_video ul li .con p{font-size: 0.75rem;height:0.875rem;color: #888888;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin: 1.125rem 0 1.75rem;}
.n_video ul li .con h6{ font-size:0.75rem; color:#bbbbbb}
.n_video ul li .img:after{ content:""; background:url(../images/icon_video.png) center no-repeat; width:100%; height:100%; left:0; top:0; position:absolute; z-index:2; -moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
.input_sousuo{ float:left; width:190px; height:32px; border:#dcdcde 1px solid; margin-top:1.5rem; position:relative}
.input_sousuo input[type="text"]{ height:30px; line-height:30px; background:none; border:none; width:100%; padding:0 40px 0 15px; font-size:12px; color:#a1a1a1; text-align:left;}
.input_sousuo input[type="submit"]{position:absolute;width:15px;height:15px;right:15px;top: 50%;margin-top:-7.5px;background:url(../images/icon_sousuo.png) center no-repeat;border:  none;}
/*资料下载*/
.n_ziliao{ padding:3.375rem 0; float:left; width:100%}
.n_ziliao ul li{ padding:1.875rem 0 1.75rem; border-bottom:#e9e9e9 1px dashed; position:relative; float:left; width:100%}
.n_ziliao ul li .left{ background:url(../images/icon_ziliao.png) 0.25rem 0.5rem no-repeat; padding:0 0 0 3rem; width:calc(100% - 98px); position:relative;}
.n_ziliao ul li .left h5,.n_ziliao ul li .left h5 a{ font-size:0.9375rem; line-height:1rem; height:1rem; color:#232425;}
.n_ziliao ul li .left h6{ font-size:12px; color:#bcbcbd; margin-top:0.625rem}
.n_ziliao ul li .right{padding: 0.25rem 0; position:relative;}
.n_ziliao ul li .right .icon_b{ display:inline-block; width:30px; height:30px; line-height:30px; position:relative}
.n_ziliao ul li .right .icon_b .icon{ width:1rem; height:1rem; display:inline-block; margin-top:-3px; vertical-align:middle; position:relative; fill:#8d8d8d}
.n_ziliao ul li .right a span{ display:inline-block; font-size:0.75rem; color:#828282; margin-left:1rem; height:30px; line-height:30px;}
.n_ziliao ul li .right .icon_b:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(0); background:#7a858a; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_ziliao ul li:before{ content:""; position:absolute; left:50%; width:0; top:0; height:100%; background:#f3f3f5; -moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
/*新闻*/
.n_kwk_news{ padding:2.5rem 0}
.n_kwk_news .fl01 ul{ margin:0 -1rem; overflow:hidden; margin-bottom:1rem}
.n_kwk_news .fl01 ul li{ float:left; width:33.33333%; padding:0 1rem; margin-bottom:3.125rem;}
.n_kwk_news .fl01 ul li .img{ overflow:hidden; width:100%; position:relative}
.n_kwk_news .fl01 ul li .img img{ width:100%}
.n_kwk_news .fl01 ul li .img a{ position:relative; z-index:1}
.n_kwk_news .fl01 ul li .con{padding: 1.25rem 0.45rem 0;overflow:hidden;position:relative;}
.n_kwk_news .fl01 ul li .con h5{font-size:1rem;color:#4b4b4b;margin-bottom: 0.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;}
.n_kwk_news .fl01 ul li .con h5 a{height:1.125rem;color:#4b4b4b;line-height: 1.125rem;}
.n_kwk_news .fl01 ul li .con p{font-size: 0.75rem;height: 1rem;color: #868686;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 1rem;}
.n_kwk_news .fl01 ul li .img:before{ content:""; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#72000000', endColorstr='#72000000');background:rgba(0,0,0,0.45); width:0; height:100%; right:0; top:0; position:absolute; z-index:2; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_kwk_news .fl01 ul li .img:after{ content:""; background:url(../images/icon_eye.png) center no-repeat; width:100%; height:100%; left:0; top:-100%; position:absolute; z-index:2; -moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
.n_kwk_news .fl02 ul li{ border:#f1f1f1 1px solid; margin:-1px 0; position:relative}
.n_kwk_news .fl02 ul li .box{ padding:2.5rem 0}
.n_kwk_news .fl02 ul li .box h5,.n_kwk_news .fl02 ul li .box h5 a{font-size: 1rem;color: #3b3b3b;height:1.25rem;line-height:1.25rem;}
.n_kwk_news .fl02 ul li .box p{font-size: 0.75rem;color: #868686;line-height: 1rem;height: 1rem; margin: 0.75rem 0 2.5rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n_kwk_news .fl02 ul li .box h6 a{ font-size:12px; color:#666666}
.n_kwk_news .fl02 ul li .box h6 a small{ margin-left:0.5rem}
.n_kwk_news .fl02 ul li .box h4{ font-size:0.75rem; color:#868686; margin-top:0.75rem}
.n_kwk_news .fl02 ul li:before{ content:""; position:absolute; left:50%; width:0; top:0; height:100%; background:#f3f3f5; -moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
.n_weixiu .fl01{ padding:2rem 0 4rem; text-align:center}
.n_weixiu .fl01 h3{ font-size:1.375rem; color:#535353; margin-bottom:2rem}
.n_weixiu .fl01 p.content01{ margin-bottom:2.5rem}
.n_weixiu .fl01 p{ font-size:0.875rem; color:#656565; line-height:1.875rem; margin-bottom:0.5rem}
.n_weixiu .fl02{ padding:5rem 0 4rem; text-align:center; background:#fff}
.n_weixiu .fl02 .n_erji{ margin-bottom:4rem}
.n_weixiu .fl02 .ar_article,.n_weixiu .fl02 .ar_article p{ text-align:left; font-size:0.875rem; color:#797979; line-height:1.875rem}
.n_weixiu .fl02 .ar_article h4{ font-size:0.9375rem; color:#797979; text-align:left; margin-bottom:2.75rem}
.n_weixiu .fl02 .ar_article hr{ margin:2.5rem 0 2.75rem}
.n_weixiu .fl02 .hide{display: none;}
.n_weixiu .fl02 .show{display: block;}
/*应用详情*/

.n_yingyong_detail .box{ position:relative}
.n_yingyong_detail .fl01{ padding:3.125rem 0}
.n_yingyong_detail .fl01 h3{ font-size:1.2rem; color:#464646; padding:0; margin-bottom:2rem}
.n_yingyong_detail .fl02{ padding:5rem 0 4rem; background:#f3f3f5; text-align:center}
.n_yingyong_detail .fl02 h4{ font-size:1.125rem; color:#6d6d6d; margin-bottom:0.75rem; text-transform:uppercase}
.n_yingyong_detail .fl02 h3{ font-size:1rem; color:#494949; margin-bottom:2rem}
.n_yingyong_detail .fl02 dl,.n_yingyong_detail .fl02 dl .miso-list{height: 9.625rem;padding: 0.5rem 0;}
.n_yingyong_detail .fl02 dl dt{padding: 2rem 0;display:inline-block; *display:inline; *zoom:1;position:relative;width: 16.666667%;}
.n_yingyong_detail .fl02 dl dt h3{height:64px;line-height:64px;text-align:center;margin-bottom:0.5rem;position:relative;margin-top: -1.25rem;}
.n_yingyong_detail .fl02 dl dt h3 img{ display:inline-block; position:relative}
.n_yingyong_detail .fl02 dl dt h5{ font-size:14px; color:#444444; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; position:relative}
.n_yingyong_detail .fl02 dl dt:before{content:"";position:absolute;width:8.125rem;height:8.125rem;left:50%;margin-left: -4.0625rem;top: 50%;margin-top: -4.0625rem;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;background:#f3f3f5;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;box-shadow: rgba(0,0,0,0.2) 0 5px 18px; transform:scale(0);}
.n_yingyong_detail .fl02 dl dt:hover:before{ transform:scale(1);}
.n_yingyong_detail .fl02 dl .miso-prev, .n_yingyong_detail .fl02 dl .miso-next{ top:50%; margin-top:-5px; width:26px; height:10px; z-index:1000; background-size:cover !important}
.n_yingyong_detail .fl02 dl .miso-prev{ left:-26px; background:url(../images/left.png) center no-repeat;}
.n_yingyong_detail .fl02 dl .miso-next{ right:-26px; background:url(../images/right.png) center no-repeat;}
/*固定*/
.right_fx{position:absolute;left:-92px;top: 0;width: 40px;}
.right_fx ul{  padding:2px 0 0}
.right_fx ul li{float:left;margin-bottom: 10px;position: relative;}
.right_fx ul li > a{display:block;width: 40px;height: 40px;border: #c5c5c5 1px solid;line-height: 38px;text-align:center;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;background: #fff;}
.right_fx ul li > a:hover{background: #ffffff;}
.right_fx.fixed{position:fixed;left: 50%;margin-left: -702px; top:1rem}
/*==============分享插件=====================*/
.shart_box{width: 272px;position:absolute;left: 52px;top: 2px;background: #fff;padding: 0 0 0 2rem;box-shadow: rgba(0,0,0,0.2) 0 0 5px; display:none}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{padding-left: 52px;position:relative;}
#j_shart_s_24 strong{display:block;position:absolute;left:0;z-index:2;line-height:36px;font-size: 13px;color: #777777;font-weight: normal;}
#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}
.bdshare-button-style1-32 a{ width:26px !important; height:26px !important; line-height:26px !important; margin:6px 2px 6px 0 !important;}
.n_detail{ padding:2.125rem 0 3.5rem}
.n_detail .box{ background:#fff; padding:3.375rem 3.125rem 4.375rem}
.n_detail .left{ width:calc(100% - 19.625rem);}
.n_detail .left .ar_title{ padding:0 0 2.1875rem; border-bottom:#e9e9e9 1px solid; margin-bottom:2.1875rem; text-align:center}
.n_detail .left .ar_title h3{ font-size:1.5rem; color:#333333; line-height:3rem; margin-bottom:1rem}
.n_detail .left .ar_title h6{ font-size:0.75rem; color:#7a7a7a}
.n_detail .right{ width:16.5rem;}
.n_detail .right h3{ height:43px; line-height:43px; background:#f2f2f2; padding:0 0.875rem; color:#454546; font-size:0.875rem}
.n_detail .right ul{ border:#f2f2f2 1px solid; padding:1rem 1.5rem;}
.n_detail .right ul li{padding: 12px 0;}
.n_detail .right ul li h6{ font-size:0.75rem; color:#9d9d9d; margin-bottom:5px}
.n_detail .right ul li h4{ font-size:13px; color:#676767; max-height:44px; line-height:22px; overflow:hidden}
.n_detail .right ul li h4 a{ color:#676767;}
.n_detail  .right_fx ul li > a{ background:#f3f3f5}
.n_detail01 .left{ width:calc(100% - 21.5rem);}
.n_detail01 .tu_tuijian{ width:18.75rem;}
.n_detail01 .tu_tuijian h3{ font-size:1.125rem; color:#5d5d5d; margin-bottom:0.5rem; text-transform:uppercase}
.n_detail01 .tu_tuijian h4{ font-size:1rem; color:#5d5d5d; margin-bottom:1.25rem}
.n_detail01 .tu_tuijian ul .miso-slide li .img{ overflow:hidden}
.n_detail01 .tu_tuijian ul .miso-slide li .img img{ width:100%}
.n_detail01 .tu_tuijian ul .miso-slide li h5,.n_detail01 .tu_tuijian ul .miso-slide li h5 a{ font-size:0.9375rem; color:#4b4b4b; height:1rem; line-height:1rem}
.n_detail01 .tu_tuijian ul .miso-slide li h5{ margin:0.875rem 0 1.875rem; padding:0 0.35rem}
.n_detail01 .tu_tuijian .miso-prev, .n_detail01 .tu_tuijian .miso-next{top:0;margin-top: -42px;width:22px;height:22px;z-index:1000;background-size:cover !important;}
.n_detail01 .tu_tuijian .miso-prev{ right:30px; background:url(../images/left01.png) center no-repeat;}
.n_detail01 .tu_tuijian .miso-next{ right:0; background:url(../images/right01.png) center no-repeat;}
.n_detail01 .left .ar_title{ padding:0; border-bottom:none}
.n_about .fl01{ margin-bottom:1.75rem}
.n_about .fl01 .img{ width:24rem}
.n_about .fl01 .img img{ float:left; margin-left:-350px;}
.n_about .fl01 .right{ width:calc(100% - 24rem);}
.n_about .fl01 .right h3{ font-size:1.44rem; color:#494949; text-transform:uppercase; margin-bottom:0.625rem;}
.n_about .fl01 .right h4{ font-size:1.125rem; color:#9c9c9c; margin-bottom:2.375rem}
.n_about .fl02{ overflow:hidden; margin-bottom:2.25rem}
.n_about .fl02 .left{ width:66.3934%;}
.n_about .fl02 .right{ width:32.7869%; position:relative;}
.n_about .fl02 .right img{ width:100%; height:auto}
.n_about .fl02 .right .img{ position:absolute; left:50%; width:36px; height:36px; top:50%; margin-left:-18px; margin-top:-18px;}
.n_about .fl03{ padding:0 0.35rem}
.n_company .fl01{ padding:3.125rem 0 3.75rem; border-bottom:#e9e9e9 1px solid}
.n_company .fl01 ul{ margin:0 -1.5625rem; overflow:hidden}
.n_company .fl01 ul li{ padding:0 1.5625rem; float:left; width:50%}
.n_company .fl01 ul li .box{display:table;position:relative;width: 100%; background:#f3f3f5}
.n_company .fl01 ul li .box .img{ display:table-cell; width:15.125rem; overflow:hidden; position:relative}
.n_company .fl01 ul li .box .img img{ width:100%}
.n_company .fl01 ul li .box .con{display:table-cell;width:calc(100% - 15.125rem);position: relative;}
.n_company .fl01 ul li .box .con .con_box{position:absolute;left:0;top:0;width:100%;height:100%;padding: 0 2rem 0 0; text-align:center;}
.n_company .fl01 ul li .box .con .con_box .table h3{font-size:1.375rem;color:#515151;text-transform:uppercase;margin-bottom:0.5rem;font-family: Avenir Next W1G;}
.n_company .fl01 ul li .box .con .con_box .table h4{ font-size:1.125rem; color:#515151}
.n_company .fl01 ul li .box .con .con_box .table h5{ font-size:1rem; color:#515151; font-style:italic; margin:0.625rem 0 1.25rem}
.n_company .fl01 ul li .box .con .con_box .table p{font-size:1rem;color:#6a6a6a;line-height: 1.5rem;}
.n_company .fl02{ text-align:center; padding:3.625rem 0}
.n_company .fl02 h3{ font-size:1.375rem; color:#515151; margin-bottom:0.25rem; text-transform:uppercase; font-family:Avenir Next W1G; font-weight:600}
.n_company .fl02 h4{ font-size:1.125rem; color:#515151; margin-bottom:2.5rem}
.n_company .fl02 ul{ border:#ededed 1px solid; overflow:hidden; margin-bottom:3.75rem}
.n_company .fl02 ul li{ float:left; width:33.333333%; padding:1.125rem 0 2.25rem}
.n_company .fl02 ul li h3{ height:3.5rem; line-height:3.5rem;}
.n_company .fl02 ul li h5{ font-size:1rem; color:#737373}
.n_company .fl02 .box{ text-align:left; padding:3.75rem 0 3.5rem 7rem; background:url(../images/n_company_fl02_bg.jpg) center no-repeat; background-size:cover}
.n_company .fl02 .box h3{ font-size:1.375rem; color:#515151; text-transform:uppercase; margin-bottom:0.5rem}
.n_company .fl02 .box h4{ font-size:1.125rem; color:#515151; margin-bottom:1rem}
.n_company .fl02 .box h5{ font-size:1rem; color:#858788; font-style:italic; margin:0.625rem 0 1.25rem}
.n_company .fl02 .box h5 i{transform:rotate(10deg);-webkit-transform: rotate(25deg);-moz-transform:rotate(10deg);display:  inline-block;margin-left: 5px;}
.n_company .fl02 .box p{font-size:0.875rem;color:#858788;line-height: 1.75rem;}
.n_company .fl03{ padding:3.125rem 0 4rem; background:#f3f3f5}
.n_company .fl03 ul li{ background:#f3f3f5}
.n_company .fl03 ul li .layui-container01{padding: 1rem 15px;overflow:hidden;border-bottom:#dfdfdf 1px solid;}
.n_company .fl03 ul li .box{display:table;position:relative;width: 100%;}
.n_company .fl03 ul li .box .img{ display:table-cell; width:28.75rem; overflow:hidden; position:relative}
.n_company .fl03 ul li .box .img img{ width:100%}
.n_company .fl03 ul li .box .con{display:table-cell;width:calc(100% - 28.75rem);position: relative;}
.n_company .fl03 ul li .box .con .con_box{position:absolute;left:0;top:0;width:100%;height:100%;padding: 0 2rem 0 0; text-align:left;}
.n_company .fl03 ul li .box .con .con_box .table{ text-align:left;}
.n_company .fl03 ul li .box .con .con_box .table h5{ font-size:1rem; color:#515151; margin:0 0 1.5rem}
.n_company .fl03 ul li .box .con .con_box .table h5 small{ font-size:1rem; font-family:Avenir Next W1G; text-transform:uppercase; font-weight:600}
.n_company .fl03 ul li .box .con .con_box .table p{font-size:0.875rem;color:#7d7d7d;line-height: 1.75rem;}
.n_porduct .fl01{padding: 2.5rem 0 0; position:relative; margin-bottom:3rem}
.n_porduct .fl01:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#e5e5e5}
.n_porduct .fl01 dl{margin: 0 -5rem;}
.n_porduct .fl01 dl,.n_porduct .fl01 dl .miso-list{padding: 0;}
.n_porduct .fl01 dl dt{padding: 2rem 0 0;display:inline-block; *display:inline; *zoom:1;position:relative;}
.n_porduct .fl01 dl dt h3{height:64px;line-height:64px;text-align:center;margin-bottom:0.5rem;position:relative;margin-top: -1.25rem;}
.n_porduct .fl01 dl dt h3 img{ display:inline-block; position:relative}
.n_porduct .fl01 dl dt h5{ font-size:14px; color:#444444; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; position:relative; text-align:center}
.n_porduct .fl01 dl dt:after{content:"";position:absolute;width:0;height:3px;left:50%;margin-left: -1.71875rem;bottom: calc(-1.875rem - 1px);background: #707c82;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_porduct .fl01 dl dt:hover:after,.n_porduct .fl01 dl dt.miso-current:after{width:3.4375rem;}
.n_porduct .fl01 dl .miso-prev, .n_porduct .fl01 dl .miso-next{ top:50%; margin-top:-5px; width:6px; height:11px; z-index:1000; background-size:cover !important}
.n_porduct .fl01 dl .miso-prev{ left:2rem; background:url(../images/left02.png) center no-repeat;}
.n_porduct .fl01 dl .miso-next{ right:2rem; background:url(../images/right02.png) center no-repeat;}
.n_porduct .fl01 dl .miso-list{ padding:0 0 1.875rem}
.n_porduct .fl02 ul{ margin:0 -0.625rem; overflow:hidden; margin-bottom:3.125rem}
.n_porduct .fl02 ul li a{ display:block; background:#fff; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_porduct .fl02 ul li{ padding:0 0.625rem; float:left; width:25%; margin-bottom:1.25rem}
.n_porduct .fl02 ul li .con{ padding:2.25rem 1.875rem; background:#fff}
.n_porduct .fl02 ul li .con h5{ font-size:0.9375rem; height:1rem; line-height:1rem; color:#555555; margin-bottom:0.875rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n_porduct .fl02 ul li .con h6{ font-size:0.75rem; color:#737373;}
.n_porduct .fl02 ul li .img{ overflow:hidden; position:relative}
.n_porduct .fl02 ul li .img img{ width:100%}
.n_porduct .fl02 ul li .img .top{ position:absolute; bottom:0; left:0; width:100%; height:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#ED889297', endColorstr='#ED889297');background:rgba(136,146,151,0.93); padding:0 1.25rem; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_porduct .fl02 ul li .img .top p{ font-size:0.75rem; line-height:1.625rem; text-align:left; color:#fff; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n_porduct_detail .fl01{padding: 2.5rem 0 0;position:relative;margin-bottom: 4.375rem;}
.n_porduct_detail .fl01:before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#e5e5e5}
.n_porduct_detail .fl01 dl{margin: 0 -5rem;}
.n_porduct_detail .fl01 dl,.n_porduct_detail .fl01 dl .miso-list{padding: 0;}
.n_porduct_detail .fl01 dl dt{padding: 2rem 0 0;display:inline-block; *display:inline; *zoom:1;position:relative;}
.n_porduct_detail .fl01 dl dt h3{height:64px;line-height:64px;text-align:center;margin-bottom:0.5rem;position:relative;margin-top: -1.25rem;}
.n_porduct_detail .fl01 dl dt h3 img{ display:inline-block; position:relative}
.n_porduct_detail .fl01 dl dt h5{ font-size:14px; color:#444444; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; position:relative; text-align:center}
.n_porduct_detail .fl01 dl dt:after{content:"";position:absolute;width:0;height:3px;left:50%;margin-left: -1.71875rem;bottom: calc(-1.875rem - 1px);background: #707c82;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_porduct_detail .fl01 dl dt:hover:after,.n_porduct_detail .fl01 dl dt.miso-current:after{width:3.4375rem;}
.n_porduct_detail .fl01 dl .miso-prev, .n_porduct_detail .fl01 dl .miso-next{ top:50%; margin-top:-5px; width:6px; height:11px; z-index:1000; background-size:cover !important}
.n_porduct_detail .fl01 dl .miso-prev{ left:2rem; background:url(../images/left02.png) center no-repeat;}
.n_porduct_detail .fl01 dl .miso-next{ right:2rem; background:url(../images/right02.png) center no-repeat;}
.n_porduct_detail .fl01 dl .miso-list{ padding:0 0 1.875rem}
.n_porduct_detail .fl02{ padding:0 0 4.5rem}
.n_porduct_detail .fl02 .title h3{ width:31.875rem; text-align:center; font-size:1.5rem; color:#464646; margin-bottom:2.25rem}
.n_porduct_detail .fl02 .content{ float:left; position:relative;width: 100%;}
.n_porduct_detail .fl02 .content .img{ float:left; width:31.875rem; position:relative}
.n_porduct_detail .fl02 .content .img img{ width:100%}
.n_porduct_detail .fl02 .content .img .miso-dots li{float:left;background:#fff;border:#d3d3d3 1px solid;width:8px;height:8px;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;margin: 5px 0;}
.n_porduct_detail .fl02 .content .img .miso-dots{left:0;width:8px;top:50%;margin-top:-15px;bottom: auto;z-index: 1000;}
.n_porduct_detail .fl02 .content .img .miso-dots li.miso-active{ background:#707c82; border:#707c82 1px solid;}
.n_porduct_detail .fl02 .content .con{float:right;width:calc(100% - 35.625rem);position: relative;overflow: scroll;padding: 0 1rem 0 0;overflow-x: hidden;}
.n_porduct_detail .fl02 .content .con .ar_article h5{ color:#494949; margin-bottom:20px;}
.n_porduct_detail .fl02 .content .con .ar_article p{ margin-bottom:0}
.n_porduct_detail .fl02 .content .con .ar_article{ margin-bottom:0}
.n_porduct_detail .fl02 .content .con::-webkit-scrollbar{width:3px;height:3px; background:transparent}
.n_porduct_detail .fl02 .content .con::-webkit-scrollbar-track {border-radius:1.5px; background:transparent}
.n_porduct_detail .fl02 .content .con:hover::-webkit-scrollbar{background:#f1f1f1}
.n_porduct_detail .fl02 .content .con:hover::-webkit-scrollbar-track {background:#f1f1f1}
.n_porduct_detail .fl02 .content .con::-webkit-scrollbar-thumb {border-radius:1.5px; background:#707c82}
.n_porduct_detail .fl03{ padding:4.375rem 0 3.75rem; background:#f3f3f5;}
.n_porduct_detail .fl03 .title{ margin-bottom:2.5rem; position:relative}
.n_porduct_detail .fl03 .title h3{ font-size:1.125rem; color:#5d5d5d; margin-bottom:0.5rem; text-transform:uppercase}
.n_porduct_detail .fl03 .title h4{ font-size:1rem; color:#5d5d5d; margin-bottom:1.25rem}
.n_porduct_detail .fl03 .title .more{ position:absolute; right:0; height:16px; line-height:16px; top:50%; margin-top:-8px;}
.n_porduct_detail .fl03 .title .more img{margin-right:8px;vertical-align:  top; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_porduct_detail .fl03 .title .more a{ font-size:0.8125rem; color:#7b7b7b}
.n_porduct_detail .fl03 ul{ margin:0 -0.625rem; overflow:hidden;}
.n_porduct_detail .fl03 ul li a{ display:block; background:#fff; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_porduct_detail .fl03 ul li{ padding:0 0.625rem; float:left; width:25%; margin-bottom:1.25rem}
.n_porduct_detail .fl03 ul li .con{ padding:2.25rem 1.875rem; background:#fff}
.n_porduct_detail .fl03 ul li .con h5{ font-size:0.9375rem; height:1rem; line-height:1rem; color:#555555; margin-bottom:0.875rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n_porduct_detail .fl03 ul li .con h6{ font-size:0.75rem; color:#737373;}
.n_porduct_detail .fl03 ul li .img{ overflow:hidden; position:relative}
.n_porduct_detail .fl03 ul li .img img{ width:100%}
.n_porduct_detail .fl03 ul li .img .top{ position:absolute; bottom:0; left:0; width:100%; height:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#ED889297', endColorstr='#ED889297');background:rgba(136,146,151,0.93); padding:0 1.25rem; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_porduct_detail .fl03 ul li .img .top p{ font-size:0.75rem; line-height:1.625rem; text-align:left; color:#fff; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n_join{ padding:3.125rem 0 4.5rem}
.n_join .left{ float:left; width:21.625rem}
.n_join .left .img{ position:relative; overflow:hidden; margin-bottom:0.875rem}
.n_join .left .img img{ width:100%}
.n_join .left .img .top{position:absolute;bottom:0;left:0;width:100%;padding: 0 1.5rem 1.25rem;}
.n_join .left .img .top h3 img{ width:auto;}
.n_join .left .img .top h5{margin-top:0.8125rem;font-size:0.875rem;color:#fff;line-height: 1.25rem;}
.n_join .left .bottom{}
.n_join .left .bottom .img{ overflow:hidden; margin-bottom:0}
.n_join .left .bottom .box{ height:6.25rem; border:#eff1f0 1px solid; overflow:hidden}
.n_join .left .bottom .box .con{float:left;width: calc(100% - 6.25rem);padding:1.875rem 1.375rem 0;}
.n_join .left .bottom .box .con h3{ font-size:1.125rem; color:#707c82; margin-bottom:0.5rem; text-transform:uppercase}
.n_join .left .bottom .box .con h5{ font-size:1.125rem; color:#5e5e5e}
.n_join .left .bottom .box .icon{float:right; width:6.25rem; line-height:calc(6.25rem - 2px); text-align:center; border-left:#eff1f0 1px solid;}
.n_join .right{ float:right; width:calc(100% - 24.125rem);}
.n_join ul{margin-bottom: 2.5rem;}
.n_join ul li{margin-bottom: 0.625rem;}
.n_join ul li .top{position:  relative;height: 3.125rem;line-height: 3.125rem;background: #f5f6f6;border:  #edf0f2 1px solid;padding: 0 1.75rem;box-sizing:  border-box;}
.n_join ul li .top i{position:absolute;right:1.75rem;top:50%;margin-top: -8px;width:17px;height:17px;background:url(../images/jian01.png) center no-repeat;}
.n_join ul li .top h5{font-size: 0.9375rem;color: #606162;display: inline-block;width: 90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_join ul li .top span{ font-size:14px; color:#585858; display:inline-block; height:60px; vertical-align:top; margin-right:42px;}
.n_join ul li div.open .top{position:relative;background: #707c82;border: #707c82 1px solid;}
.n_join ul li div.open .top i{ background:url(../images/jian01_on.png) center no-repeat;}
.n_join ul li div.open .top h5{ color: #fff;}
.n_join ul li div.open .top span{ color:#fff}
.n_join ul li .ar_article{padding: 2rem 1.75rem;display:none;margin-bottom: 0;background: #f3f3f5; position:relative}
.n_join ul li .ar_article h6{line-height: 1.5rem;padding:0 0 0 1.25rem;width:calc(100% - 110px);margin-bottom: 0.5rem;}
.n_join ul li .ar_article h6 span{ margin-right:1rem}
.n_join ul li .ar_article p{margin-bottom:0;color: #7b7b7b;font-size: 0.8125rem;}
.n_join ul li .ar_article a{ display:inline-block; width:100px; height:35px; line-height:35px; background:#778388; border-radius:3px; text-align:center; font-size:0.8125rem; color:#fff; position:absolute; right:1.75rem; top:2.25rem}
.n_join .more{ text-align:center;}
.n_join .more img{ display:inline-block;}
.n_join ul li.lwy{padding: 0;}
.n_contact .fl01{ padding:3.5625rem 0 3rem;}
.n_contact .fl01 .img{ position:relative}
.n_contact .fl01 .img .llq{ position:absolute; width:35px; height:35px; margin-left:-17.5px; margin-top:-17.5px;}
.n_contact .fl01 .img .llq.con01{ left:24%; top:28.69%}
.n_contact .fl01 .img .llq.con02{ left:46.89%; top:18.44%}
.n_contact .fl01 .img .llq.con03{ left:56.90%; top:40.98%}
.n_contact .fl01 .img .llq.con04{ left:65.98%; top:24.60%}
.n_contact .fl01 .img .llq.con05{ left:69.6%; top:29.28%}
.n_contact .fl01 .img .llq.con06{ left:73.36%; top:30.74%}
.n_contact .fl01 .img .llq.con07{left: 75.8%;top: 35.5%;}
.n_contact .fl01 .img .llq.con08{ left:83%; top:83.64%}
.n_contact .fl01 .img .llq .con{text-align:center;font-size:0.75rem;color:#797979;margin: 0 -0.5rem;margin-top:-0.5rem;}
.n_contact .container {
position: relative;
width: 100%;
height: 100%;
}
.n_contact .container:after{ content:""; position:absolute; width:6px; height:6px; top:50%; margin-top:50%; margin-top:-3px; left:50%; margin-left:-3px; background:#ff0101; border-radius:100%;}
.n_contact .container .circle {
position: absolute;
top: 50%;
left: 50%;
width: 6px;
height: 6px;
padding: 0;
margin: 0;
opacity: 0;
margin-left:-3px; 
margin-top:-3px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background:rgba(255,1,1,0.5);
}
.n_contact .container .circle:nth-child(1) {
animation: grow 4s 0.5s infinite;
}
.n_contact .container .circle:nth-child(2) {
animation: grow 4s 1s infinite;
}
@keyframes grow {
0% {
width:6px; height:6px;
opacity: 1;
transform: scale(0);
-webkit-transform: scale(0);
}
100% {
opacity: 0;
transform: scale(5);
-webkit-transform: scale(5);
}
}
.n_contact .fl02{ padding:0 0 2.5rem}
.n_contact .fl02 ul{ overflow:hidden; margin:0 -0.75rem;}
.n_contact .fl02 ul li{ float:left; width:33.3333336%; padding:0 0.75rem; margin-bottom:1.375rem}
.n_contact .fl02 ul li .box{ padding:2.75rem 1.5rem; border:#dadada 1px solid; border-radius:3px;}
.n_contact .fl02 ul li .box h5{font-size:0.9375rem;height: 1.125rem;line-height: 1.125rem;color:#696969;font-weight:bold;margin-bottom:0.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_contact .fl02 ul li .box .p{ font-size:0.8125rem; color:#696969; line-height:1.75rem; min-height:5.25rem}
.n_contact .fl02 ul li.li01 .box .table{ text-align:left}
.n_contact .fl02 ul li.li01 .box { padding:2.75rem 0 2.75rem 2.5rem; border:none; }
.n_contact .fl02 ul li.li01 .box  h4{ font-size:1.375rem; color:#545454; margin-bottom:0.25rem; text-transform:uppercase; position:relative}
.n_contact .fl02 ul li.li01 .box  h4:before{content:"";position:absolute;background: url(../images/icon_locol.png) 0 0 no-repeat;left: -2.5rem;width:26px;height:31px;}
.n_contact .fl02 ul li.li01 .box  h3{font-size:1.75rem;color:#d3d3d4;text-transform:uppercase;font-family: Avenir Next W1G;}
.n_zizhi .fl01{ padding:2rem 0 2.75rem}
.n_zizhi .fl01 ul{ overflow:hidden}
.n_zizhi .fl01 ul li{ float:left; width:25%; height:3.4375rem; line-height:3.4375rem; }
.n_zizhi .fl01 ul li a{ font-size:0.875rem; color:#5b5b5b; display:block; width:100%; height:100%; background:#f3f3f5; text-align:center}
.n_zizhi .fl01 ul li.on a{ background:#707c82; color:#fff}
.n_video_detail .fl01 h3{ margin-bottom:3rem}
.n_zizhi .fl02{ padding:5rem 0 3rem; background:url(../images/n_zizhi_fl02_bg_03.jpg) right top no-repeat; height:18.5675rem; background-size:auto 100%; position:relative}
.n_zizhi .fl02 ul:before{content:"";position:absolute;top: 36px;width:100%;height:1px;background:#e2e4e5;}
.n_zizhi .fl02 ul{width:calc(100% - 15.5rem);position: relative;}
.n_zizhi .fl02 ul li.miso-slide{padding: 0;text-align:center;}
.n_zizhi .fl02 ul li.miso-slide h3{font-size: 18px;color:#636365;margin-bottom:40px;position:relative;}
.n_zizhi .fl02 ul li.miso-slide h3:after{content:"";position:absolute;width:5px;height:5px;background:#b0b0b0;left:50%;margin-left:-2.5px;top: 33.5px;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;}
.n_zizhi .fl02 ul li.miso-slide h5{font-size:0.875rem;color:#7f7f7f;line-height:26px;max-width: 10.25rem;display:  inline-flex; }
.n_zizhi .fl02 .miso-prev, .n_zizhi .fl02 .miso-next{width:30px;height:30px;top: 32px;}
.n_zizhi .fl02 .miso-prev{ background:url(../images/left03.png) center no-repeat; left:0}
.n_zizhi .fl02 .miso-next{ background:url(../images/right03.png) center no-repeat; right:0}
/*===荣誉资质===*/
.n_zizhi .fl03{ background:#f3f3f5; padding:5rem 0}
#n_zizhi{overflow:hidden;margin:0 auto;padding: 0;}
#n_zizhi ul {margin: 0 -4.5625rem;margin-bottom: 2rem;overflow:hidden;}
#n_zizhi li{float:left;width: 25%;text-align: center;padding: 0 4.5625rem;}
#n_zizhi li a{ display:block;  }
#n_zizhi li .pic_box{width: 100%;height: 170px;display:table;overflow:hidden;background: #e5e7e9;padding:0;}
#n_zizhi li .pic_box .box{display:table-cell;vertical-align:middle;text-align: -webkit-center;}
#n_zizhi li img{max-height:275px;display: inline-block; width:100%}
#n_zizhi li h6{font-size:0.75rem;color:#717171;margin-bottom:0.5rem;text-align:left;position:relative;height: 1rem;line-height: 1rem;}
#n_zizhi li h5{ font-size:0.8125rem; height:1rem; line-height:1rem; color:#575757; margin-bottom:2.125rem; text-align:left; position:relative; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#n_zizhi li h6:before{ content:""; position:absolute; left:0; bottom:-2.25rem; width:0.625rem; height:2px; background:#808080}
#n_zizhi hr{ margin:3.125rem 0; overflow:hidden; float:left;width: 100%;}
/*在线留言*/
#n_liuyan{overflow:hidden;}
.j_form{max-width: 890px;margin:0 auto;border:0;}
.j_form .form_group{height: 55px;margin-bottom: 12px;position:relative;font-size:14px;color:#7d7d7d;padding: 0 6px;}
.j_form .form_group font{position:absolute;left: 25px;color:#cf574d;top: 50%;margin-top: -12px;}
.j_form .form_group .ico{ display: table; height:100%; width:30px; float:left; font-style: normal; margin-right:10px; position:absolute;}
.j_form .form_group .ico:before{ content:""; display:block; width:1px; height:25px; background:#cecece; right:-18px; position:absolute; top:11px;}
.j_form .form_group .ico i{ display:table-cell; vertical-align: middle; width:100%; height:100%; text-align: right; font-size:20px; color:#b7b7b7;}
.j_form .form_group .ico i img{ max-width:16px; max-height:16px;}
.j_form .form_group input{
height: 55px;
font-size:14px;
color: #707070;
width:100%;
border:0;
outline:0;
box-shadow:none;
-webkit-appearance: none;
-moz-appearance: none;
padding-left: 22px;
background: #f4f4f4;
border-radius: 2px;
}
.j_form .form_group select{ height: 55px;
font-size:14px;
color: #707070;
width:100%;
border:0;
outline:0;
box-shadow:none;
-webkit-appearance: none;
-moz-appearance: none;
padding-left: 22px;
background: #f4f4f4 url(../images/icon_down.png) 95% center no-repeat;
border-radius: 2px;}
.j_form .form_group textarea{border:none;background:#f4f4f4;box-shadow:none;padding:15px 20px;font-size:14px;color:#707070;line-height:24px;margin:0;width:100%;resize:none;min-height: 190px;}	
.j_form .form_group .abs_r{ position:absolute; height:100%; right:0; top:0; line-height:43px; padding-right:20px; font-size:14px;}
.j_form .btn_chongzhi{ background:#dfdfdf; text-align:center; height:49px; color:#8c8c8c; width:143px; border:0; outline:0; font-size:14px; margin-right:6px; }
.j_form .btn_tijiao{background: #778388;text-align:center;height: 55px;color:#fff;width: 160px;border:0;outline:0;font-size:14px;border-radius: 2px;}
.j_form .btn_yanzheng{ background:#d5d5d5; height:49px; width:113px; line-height:49px; text-align:center; display: inline-block; color:#8c8c8c; border:0; outline:0; font-size:14px; margin-right:6px; position:absolute; right:10px; }
.j_form .form_group input.yanzheng{ padding-left:20px;}
.j_form .btn_chongzhi:hover{ background:#cac7c7;}
.j_form .btn_tijiao:hover{background: #707c82;}
input::-webkit-input-placeholder{color:#707070; font-size:14px;}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#707070; font-size:14px;}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#707070; font-size:14px;}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#707070; font-size:14px;}/* WebKit browsers */
input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */
textarea::-webkit-input-placeholder{color:#707070; font-size:14px;}
textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#707070; font-size:14px;}
textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#707070; font-size:14px;}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#707070; font-size:14px;}/* WebKit browsers */
textarea:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
textarea:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
textarea:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
textarea:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */
textarea::-webkit-scrollbar {width: 1px; }
.n_message.message{ background:#707c82}
/*======================j_弹窗======================*/
#page_show_video_box {position: fixed;z-index: 9995;top: -1800px;left: 0;display: block;height: 100%;width: 100%;}
#page_show_video_box .bg_box {position: fixed;z-index: 9994;top: 0px;display: none;height: 100%;width: 100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2000000', endColorstr='#B2000000');background: rgba(0,0,0,0.7);}
#page_show_video_box .box {position: absolute;top: 50%;z-index: 9999;left: 50%;margin-left: -405px;}
#page_video {width: 770px;height: 405px;position: relative;}
#page_video .video_box {width: 726px;height: 405px;overflow: hidden;}
#page_show_video_box #j_video {background: #000 url(../images/j_loading.gif) center 200px no-repeat;background-size: 100px 100px;}
#page_show_video_box .info {padding: 15px 25px 15px 25px;width: 726px;}
#page_show_video_box .info h1.title {font-size: 1rem;color: #fff;margin-bottom: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#page_show_video_box .info p {line-height: 24px;overflow: hidden;font-size: 14px;color: #fff;padding-bottom: 15px}
#page_show_video_box .info p.last {padding-bottom: 0;}
#page_show_video_box #playercontainer {display: none;}
#page_show_video_box #page_ar {width: 810px;position: relative;}
#page_show_video_box #page_ar .ar_box {border: 5px solid #2660ad;width: 730px;padding: 40px 0;background: #fff;position: relative;}
#page_show_video_box #page_ar .ar_box .ar_article {padding: 0px 35px;height: 540px;}
#page_show_box .bg_box {position: fixed; z-index: 9994; top: 0px; display: none; height: 100%; width: 100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2000000', endColorstr='#B2000000'); background: rgba(0,0,0,0.7);}
#page_show_box .box {position: absolute;top: 50%;z-index: 9999;left: 50%;margin-left: -405px;}
#bnt_close01 {display: block;width: 25px;height: 25px;position: absolute;top: 0;right: 0;}
#bnt_close01 img {display: block;position: absolute;left: 0;top: 0;width: 25px;height: 25px;}
#bnt_close:hover img {transform: rotate(90deg);-ms-transform: rotate(90deg); /* IE 9 */-moz-transform: rotate(90deg); 	/* Firefox */-webkit-transform: rotate(90deg); /* Safari 和 Chrome */-o-transform: rotate(90deg); 	/* Opera */}
#page_show_video_box video{width: 730px;height: 412px;}
.n_video_detail video{ width:768px; display:inline-block}
/*==========================================内页 结束=============================================*/
@media(min-width: 768px){
.bottom_bar .center .miso-prev:hover,.bottom_bar .center .miso-next:hover{background: rgba(112, 124, 130,0.7);transition-delay:0s;}
header .right .lan  ul.yuyan li:hover{ background:#707c82; color:#fff}
header .right .lan  ul.yuyan li:hover a{ color:#fff}
.bottom_bar .right .miso-prev:hover,.bottom_bar .right .miso-next:hover{ background:#707c82; transition-delay:0s; border:#707c82 1px solid}
.bottom_bar .right ul li .con h5 a:hover,.bottom_bar .center ul li .con h5 a:hover{ color:#707c82}
.bottom_bar .center:hover:before{ height:100%; top:0}
.bottom_bar .center:hover ul li .con h4,.bottom_bar .center:hover ul li .con h5 a{ color:#707c82}
.bottom_bar .center .miso-prev:hover, .bottom_bar .center .miso-next:hover{border: #707c82 1px solid;}
.n_case ul li .con h5 a:hover{ color:#707c82}
.n_case ul li .box:hover .img:before{ width:100%; left:0}
.n_case ul li .box:hover .img:after{ top:0}
.n_bottom ul li:hover .img .img01{ margin-left:-55px;}
.n_huanjing ul li:hover .img:before{ width:100%; left:0}
.n_huanjing ul li:hover .img:after{ top:0}
.n_huanjing ul li .box .con .con_box .table h5 a:hover,.n_huanjing ul li .box .con .con_box .table h6 a:hover{ color:#707c82}
.n_yingyong ul li .box:hover .img:before{ width:100%; left:0}
.n_yingyong ul li .box:hover .img:after{ top:0}
.n_yingyong ul li .box .con .con_box .table h5 a:hover,.n_yingyong ul li .box .con .con_box .table h6 a:hover{ color:#707c82}
.n_news ul li .box:hover .img:before{ width:100%; left:0}
.n_news ul li .box:hover .img:after{ top:0}
.n_news ul li .box h5 a:hover{ color:#707c82}
.n_shengchan ul li .box:hover{box-shadow: rgba(0,0,0,0.2) 0 10px 18px;}
.n_video ul li .box:hover .img:before{ width:100%; left:0}
.n_video ul li .box:hover .img:after{ top:-100%}
.n_video ul li .box h5 a:hover{ color:#707c82}
.n_video ul li .box:hover{box-shadow: rgba(0,0,0,0.2) 0 10px 18px;}
.n_ziliao ul li:hover .right .icon_b:before{ transform:scale(1);}
.n_ziliao ul li:hover .right .icon_b .icon{ fill:#fff}
.n_ziliao ul li:hover:before{ width:2000px; margin-left:-1000px;}
.n_kwk_news .fl01 ul li .box:hover .img:before{ width:100%; left:0}
.n_kwk_news .fl01 ul li .box:hover .img:after{ top:0}
.n_kwk_news .fl01 ul li .box h5 a:hover{ color:#707c82}
.n_kwk_news .fl02 ul li:hover:before{ width:2000px; margin-left:-1000px;}
.n_kwk_news .fl02 ul li .box h5 a:hover{ color:#707c82}
.n_detail .right ul li h4 a:hover{ color:#707c82}
.n_detail01 .tu_tuijian ul .miso-slide li h5 a:hover{ color:#707c82}
.n_porduct .fl02 ul li a:hover{box-shadow: rgba(0,0,0,0.2) 0 10px 18px;}
.n_porduct .fl02 ul li:hover .img .top{ height:100%}
.n_porduct_detail .fl03 ul li .con h5:hover{ color:#707c82}
.n_porduct_detail .fl03 ul li a:hover{box-shadow: rgba(0,0,0,0.2) 0 10px 18px;}
.n_porduct_detail .fl03 ul li:hover .img .top{ height:100%}
.n_porduct_detail .fl03 ul li .con h5:hover{ color:#707c82}
.n_porduct_detail .fl03 .title .more a:hover{ color:#707c82}
.n_zizhi .fl01 ul li a:hover{ background:#707c82; color:#fff}
.n_join ul li .ar_article a:hover{ background:#707c82}
.n_porduct_detail .fl03 .title .more:hover img{ transform:rotate(180deg); -webkit-transform:rotate(180deg);} 
}
@media(min-width: 992px) and (max-width: 112.625rem){
}
@media(max-width: 1600px){
.left_bar{height: calc(100vh - 0rem);}
.left_bar .nav{ filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5FFFFFF', endColorstr='#E5FFFFFF');background:rgba(255,255,255,0.9); left:0; top:6.5rem; bottom:6.5rem; height:calc(100vh - 13rem)}
.banner .layui-col-xs12 h2{text-align: left;padding: 0 0 0 4.5rem !important;}
.banner .layui-col-xs12 p{text-align: left;padding: 0 0 0 4.5rem !important;}
.banner .layui-col-xs12 img{ display:inline-block}
header .right{ margin-right:2rem}
.left_bar dl{ bottom:13rem}
}
@media(max-width: 1480px){
.banner .layui-col-xs12 h2{text-align: left;padding: 0 0 0 10.5rem !important;}
.banner .layui-col-xs12 p{text-align: left;padding: 0 0 0 10.5rem !important;}
}
@media(max-width: 1420px){
.right_fx{ display:none}
header .logo img{ height:30px;}
.banner .layui-col-xs12 img{ height:auto;}
.message{position:fixed;right:0;width:45px;height:140px;background:#fff;top:50%;margin-top:-88.5px;text-align:center;z-index: 1000;-webkit-transform: translateX(100%) translateZ(0px);-moz-transform: translateX(100%) translateZ(0px);transform: translateX(100%) translateZ(0px);backface-visibility: hidden;-webkit-backface-visibility: hidden;-webkit-transition: -webkit-transform 1.2s ease-in-out;-moz-transition: -moz-transform 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
.message a{ display:block; padding:20px 0 0; position:relative}
.message a img.img01{ margin-bottom:36px; margin-left:3px; width:15px}
.message a:before{ content:""; position:absolute; top:42px; left:50%; margin-left:-0.5px; width:1px; height:15px; background:#999;}
.message.on{ -webkit-transform: translateX(0%); -moz-transform: translateX(0%); transform: translateX(0%); transition-delay:3s}
.message a img{ width:10px;}
}
@media(max-width: 1330px){
.n_yingyong_detail .fl02 dl{ padding:0 2rem}
.n_yingyong_detail .fl02 dl .miso-prev{ left:0;}
.n_yingyong_detail .fl02 dl .miso-next{ right:0;}
}
@media(max-width: 1200px){
.bottom_bar .left{ display:block}
.bottom_bar .center{ display:block}
.bottom_bar .right{ display:block}
#n_zizhi ul {margin: 0 -2rem;margin-bottom: 2rem;overflow:hidden;}
#n_zizhi li{float:left;width: 25%;text-align: center;padding: 0 2rem;}
.left_bar{ height:6.5rem}
.n_contact .fl02 ul{ margin:0 -0.75rem;}
.n_contact .fl02 ul li{ width:50%; padding:0 0.75rem; margin-bottom:1rem}
.left_bar dl{ display:block;bottom: -43rem;}
}
@media(max-width: 1060px){
}
@media(max-width: 992px){
.n_video_detail video{max-width:100%;display:inline-block;height: 100%;}
.bottom_bar{ height:16rem;background: rgba(0, 0, 0, 0.7);}

.bottom_bar .left:after{ display:none}
.bottom_bar .left ul li .con{ margin-left:0}
.bottom_bar .left ul li .img{ margin-right:0}
.bottom_bar .left ul li .img img{ max-height:5rem}
.bottom_bar .left ul li .con h4,.bottom_bar .right ul li .time h3{ margin:1rem 0 0.5rem}
.bottom_bar .left .miso-prev, .bottom_bar .center .miso-next{ width:34px; line-height:32px; height:34px; top:-33px;}
.bottom_bar .left .miso-next{ left:32px;}

.bottom_bar .left,.bottom_bar .center,.bottom_bar .right{ width:100%; padding:0; height:5rem}
.bottom_bar .center:after{ display:none}
.bottom_bar:after{ width:0; height:1px; content:""; position:absolute; top:5rem; left:0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');background:rgba(255,255,255,0.25); -moz-transition: all 3s ease-in-out;-webkit-transition: all 3s ease-in-out;-o-transition: all 3s ease-in-out;-ms-transition: all 3s ease-in-out;transition: all 3s ease-in-out;}
.bottom_bar.on:after{ width:100%; transition-delay:2s;}
.bottom_bar .center ul li .con{ margin-left:0}
.bottom_bar .center ul li .img{ margin-right:0}
.bottom_bar .center ul li .img img{ max-height:5rem}
.bottom_bar .center ul li .con h4,.bottom_bar .right ul li .time h3{ margin:1rem 0 0.5rem}
.bottom_bar .right ul li .con h5{ margin:1.125rem 0 0.75rem}
.bottom_bar .right .miso-prev, .bottom_bar .right .miso-next{ margin-top:-1.75rem}
.bottom_bar .center .miso-prev, .bottom_bar .center .miso-next{ width:34px; line-height:32px; height:34px; top:-33px;}
.bottom_bar .center .miso-next{ left:32px;}

.left_bar{ width:5rem; height:5rem}
.left_bar .menu-btn{ width:5rem; height:5rem; z-index:1000}
.left_bar .menu{ display:none !important}
.left_bar .menu-btn.on .icon span{ background:#333}
.left_bar .nav001{top:0;bottom:0;height:100vh;width: 100vw;background: #fff;left: 0;}
.left_bar .nav001 .logo embed.web{ display:none}
.left_bar .nav001 .logo embed.wap{ display:inline-block}
header{ height:5rem}
header .logo{height:5rem;line-height:5rem;padding: 0 0 0 1.125rem;}
header .logo embed.web{ display:none}
header .logo embed.wap{display: inline-block;width: 12rem;}
header .logo embed{ height:4.5rem}
header .right{ height:5rem; line-height:5rem; margin-right:1rem}
.contactusdiyou{display: none;}
.nav{ display: none;}
.menu-handler{ display: block;}
.pageH{ height: 60px;}
.n_header{ height:6rem}
.n_header .logo01{ height:6rem; line-height:6rem; left:0; margin-left:0}
.n_header .right{ margin-right:6rem}
.n_header .right .lan{ font-size:1.125rem}
.n_header .right .ewm .icon{ width:2rem; height:2rem}
.n_header .right .ewm{ margin-top:-3px;}
.n_banner{ height:180px; background-size:cover !important;}
.n_banner.ar_web{ display:none}
.n_banner.ar_wap{ display:block}
.n_service .fl02 ul li{ width:50%}
#m_n_nav{ display:block}
.n_about .ar_article.ar_web{ display:none}
.n_about .ar_article.ar_wap{ display:inline-block}
.ar_article.ar_wap{display: block;}
.ar_article.ar_web{display: none;}
.n_porduct .fl01 dl{ margin:0}
.n_porduct .fl01 dl dt h3 img{ height:24px;}
.n_porduct_detail .fl02 .title h3{ width:26rem;}
.n_porduct_detail .fl02 .content .img{ width:26rem;}
.n_porduct_detail .fl02 .content .con{ width:calc(100% - 28rem)}
.n_join .left{ width:16rem;}
.n_join .left .bottom .box .con{padding: 1.25rem 1rem 0;width: calc(100% - 5rem);}
.n_join .left .bottom .box .con h3{font-size:1rem;margin-bottom: 0.25rem;}
.n_join .left .bottom .box .icon img{ height:20px; margin-top:-3px}
.n_join .left .bottom .box{ height:5rem}
.n_join .left .bottom .box .icon{width:5rem;line-height: 5rem;}
.n_join .right{ width:calc(100% - 18rem)}
.xuanfu01{ margin-bottom: 6rem}
}
@media(max-width: 840px){
footer .left,footer .right{ width:100%; text-align:center}
footer .left{ margin-bottom:2rem}
footer .left p{ line-height:20px; font-size:12px;}
footer .right p{ text-align:center}
footer .right .layui-form{ display:inline-block; margin:0 auto; float:none; margin-top:2rem}
}
@media(max-width: 768px){
.bottom_bar .right ul li .time{ width:4rem}
.banner .layui-col-xs12 img{ max-width:80%}
header .logo{margin-left:0;padding: 0 0 0 6rem;}
header .logo embed{height:4rem;}
header .right .ewm{ margin-right:0.5rem}
header .right .ewm b,header .right .lan b{ margin:0 0 0 0.25rem}
.left_bar .menu-btn .icon,.left_bar .menu-btn .icon span{ width:24px;}
.message{width:40px;height:120px;margin-top: 0;top: 104px;}
.message img{ width:10px;}
.message a:before{height:10px;top: 32px;}
.message a img.img01{margin-bottom: 22px;}
.banner .miso-list li h2{text-align:left;padding: 0 0 0 1rem !important;}
.banner .miso-list li p{text-align:left;padding: 0 0 0 1rem !important;}
.n_case ul{ margin:0 -0.5rem; margin-bottom:1rem}
.n_case ul li{ width:50%; padding:0 0.5rem; margin-bottom:1.125rem}
.j_pages a{}
.j_pages a.block{ display:inline-block}
.message.on{ transition-delay:1s}
.n_erji{ padding:1rem 0 30px}
.n_erji dl dt{ padding:0; width:25%}
.n_erji dl dt h3{ height:40px; line-height:40px;}
.n_erji dl dt h3 img{ height:16px;}
.n_erji dl dt h5{ font-size:12px}
footer .left p br.ar_wap{ display:inline-block}
.n_bottom{ padding:0 0 2.5rem}
.n_bottom ul li .img{width: 46px;height:45px;line-height:45px;}
.n_bottom ul li .img img{width: 45px;height:45px;line-height:45px;}
.n_service .fl02 ul li .con{ height:6rem; padding-bottom:1rem}
.n_service .fl02 ul li .con h3 img{ height:16px;}
.n_service .fl01 p.content01 br.ar_web{ display:none}
.n_service .fl01 p.content01 br.ar_wap{ display:inline-block}
.n_huanjing ul li{ padding:1rem 0}
.n_huanjing ul li .box .img{ width:11rem;}
.n_huanjing ul li .box .con{ width:calc(100% - 11rem);}
.n_huanjing ul li .box .con .con_box{ padding:0 0 0 1rem}
.n_huanjing ul li .box .con .con_box .table p{ margin:0.5rem 0 0}
.n_huanjing ul li .box .con .con_box .table h6{ display:none}
.n_yingyong ul li{ padding:1rem 0}
.n_yingyong ul li .box .img{ width:11rem;}
.n_yingyong ul li .box .con{ width:calc(100% - 11rem);}
.n_yingyong ul li .box .con .con_box{padding: 0 1rem 0 1rem;}
.n_yingyong ul li .box .con .con_box .table p{ margin:0.5rem 0 0}
.n_yingyong ul li .box .con .con_box .table h6{ display:none}
.n_zeren .fl01 p img{ width:50%}
.n_zeren .fl02 ul li{ padding:1.5rem 0}
.n_zeren .fl02 ul li .box .img{width: 100%;display: block;margin-bottom: 2rem;}
.n_zeren .fl02 ul li .box .con{width: 100%;display: block;}
.n_zeren .fl02 ul li .box .con .con_box{padding: 0 0 0 0.5rem;}
.n_zeren .fl02 ul li .box .con .con_box .table p{ margin:0.5rem 0 0}
.n_zeren .fl02 ul li .box .con .con_box .table h6{ display:none}
.n_zeren .fl02 ul li .box .con .con_box .table h5 img{ height:1rem}
.n_news ul{ margin:0 -0.5rem; margin-bottom:1rem}
.n_news ul li{ width:50%; padding:0 0.5rem; margin-bottom:1.125rem}
.n_news ul li .con{ padding:1.75rem 1rem 1.75rem}
.n_shengchan ul{ margin:0 -0.5rem; margin-bottom:1rem}
.n_shengchan ul li{ width:50%; padding:0 0.5rem; margin-bottom:1.125rem}
.n_video ul{ margin:0 -0.5rem; margin-bottom:1rem}
.n_video ul li{ width:50%; padding:0 0.5rem; margin-bottom:1.125rem}
.n_ziliao ul li .left h5, .n_ziliao ul li .left h5 a{ font-size:12px; height:14px; line-height:14px;}
.n_ziliao ul li .left{ background-size:1.25rem auto; padding:0 0 0 2rem}
.n_ziliao ul li .right a span{ margin-left:-0.5rem}
.n_kwk_news .fl01 ul{ margin:0 -1rem; overflow:hidden; margin-bottom:1rem}
.n_kwk_news .fl01 ul li{ float:left; width:100%; padding:0 1rem; margin-bottom:1rem;}
.n_kwk_news .fl02 ul li .box{ padding:1.5rem 0}
.n_kwk_news .fl02 ul li .box p{ margin:0.75rem 0 1rem}
.n_yingyong_detail .fl02 dl .miso-prev{ left:0; width:20px; height:7px; background-size:20px 100% !important;}
.n_yingyong_detail .fl02 dl .miso-next{ right:0; width:20px; height:7px; background-size:20px 100% !important;}
.n_yingyong_detail .fl02 dl dt h3 img{ height:30px;}
.n_detail .box{ padding:3rem 1.5rem}
.n_detail .left,.n_detail .right,.n_detail01 .tu_tuijian{ width:100%}
.n_detail01 .tu_tuijian{ margin-top:3rem}
.n_about .fl01 .img{ width:100%; margin-bottom:2rem}
.n_about .fl01 .img img{ margin-left:0; width:60%}
.n_about .fl01 .right{ width:100%}
.n_company .fl01 ul li{ width:100%; margin-bottom:1rem}
.n_company .fl02 ul li h3 img{ height:20px;}
.n_company .fl02 .box{ padding:3.75rem 0 2.5rem 1.5rem}
.n_company .fl03 ul li .box .con{ float:left; width:100%; display:block; margin-bottom:1rem}
.n_company .fl03 ul li .box .img{ float:right; width:100%; display:block}
.n_company .fl03 ul li .box .img img{ width:100%}
.n_company .fl03 ul li .box .con .con_box{ position:relative}
.n_porduct .fl01{ padding:0}
.n_porduct_detail .fl01{ padding:0}
.n_porduct_detail .fl02 .title h3{ width:20rem}
.n_porduct_detail .fl02 .content .img{ width:20rem;}
.n_porduct_detail .fl02 .content .con{width:calc(100% - 22rem);}

.n_porduct_detail .fl03 ul{margin:0 -0.5rem;}
.n_porduct_detail .fl03 ul li{ padding:0 0.5rem;width:50%; margin-bottom:1rem}
.n_porduct_detail .fl03{ padding:3rem 0 2.5rem; }
.n_join .left{ width:100%; margin-bottom:2rem}
.n_join .left>.img{ display:none}
.n_join .right{ width:100%}
.n_join ul li .ar_article h6{ width:100%; background-size:8px auto !important; font-size:11px; background-position:0 0.25rem !important}
.n_join ul li .ar_article a{ position:relative; margin-left:1.5rem; margin-bottom:2rem}
.n_join ul li .ar_article p{ font-size:11px;}
.n_contact .fl02 ul li.li01 .box{  height:auto !important; }
.n_contact .fl02 ul li{ width:100%; margin-bottom:1rem;}
.n_contact .fl02 ul li .box{ padding:1.25rem 1rem}
.n_contact .fl02 ul li .box p{height:auto !important;}
.n_banner.ar_wap{ background-position:center !important}
.n_contact .fl02 ul li.li01 .box h4:before{ background-size:16px auto !important; left:-2.5rem}
#n_zizhi ul {margin: 0 -0.5rem;margin-bottom: 1rem;}
#n_zizhi li{width: 25%; padding: 0 0.5rem;}
#page_show_video_box video{width: 370px;height:204px;}
#page_video{width: 420px;height:214px;}
#page_video .video_box{width: 370px;height:214px;}
#page_show_video_box .info{ width:370px; padding:5px 25px 5px 25px}
#bnt_close01{width:50px;height:50px;right: 50px;top: -50px;}
#bnt_close01 img{width:1rem;height:1rem;left:1.5rem;top:1.5rem;}
#page_show_video_box .box{ margin-left:-185px;}
.n_about .fl01 .right h3{ font-size:18px;}
.n_about .fl01 .right h4{ font-size:14px;}
.n_about .fl01 .right .ar_web{ display:none}
.n_about .fl01 .right .ar_wap{ display:inline-block; margin-bottom:1rem}
.n_about .fl01 .right .ar_wap img{ height:4.2rem}
.banner .miso-prev{ left:0; margin-top:0}
.banner .miso-next{ right:0; margin-top:0}
}
@media(max-width: 590px){
.n_porduct_detail .fl02 .title h3{ width:100%}
.n_porduct_detail .fl02 .content .img{ width:100%;}
.n_porduct_detail .fl02 .content .con{width:100%;height: auto !important;overflow:  visible;}
#n_zizhi ul {margin: 0 -0.5rem;margin-bottom: 1rem;}
#n_zizhi li{width: 50%; padding: 0 0.5rem; margin-bottom:1rem}
#n_zizhi hr{ margin:1.5rem}
.n_zizhi .fl03{ padding:3rem 0}
}
@media(max-width: 500px){
.n_case ul{ margin:0 -0.35rem; margin-bottom:1rem}
.n_case ul li{ padding:0 0.35rem; margin-bottom:1.125rem}
.n_news ul{ margin:0 -0.35rem; margin-bottom:1rem}
.n_news ul li{ padding:0 0.35rem; margin-bottom:1.125rem}
.n_news ul li .con h5{ line-height:1.5rem; height:3rem; white-space:normal}
.n_news ul li .con h5 a{ white-space:normal; line-height:1.5rem; height:3rem;}
.n_yingyong ul li{ padding:0.5rem 0}
.n_shengchan ul{ margin:0 -0.35rem; margin-bottom:1rem}
.n_shengchan ul li{ padding:0 0.35rem; margin-bottom:0rem}
.n_video ul{ margin:0 -0.35rem; margin-bottom:1rem}
.n_video ul li{ padding:0 0.35rem; margin-bottom:1rem}
.input_sousuo{ width:100%}
.n_about .fl02 .left{ width:100%; margin-bottom:1rem}
.n_about .fl02 .right{ width:100%}
.n_about .fl02 .right .img{ width:24px; height:24px; margin-left:-12px; margin-top:-12px;}
.n_porduct .fl02 ul{ margin:0 -0.35rem; margin-bottom:2.125rem}
.n_porduct .fl02 ul li{ padding:0 0.35rem;width:50%; margin-bottom:1rem}
.n_porduct_detail .fl03 ul{margin:0 -0.35rem;}
.n_porduct_detail .fl03 ul li{ padding:0 0.35rem;width:50%; margin-bottom:1rem}
.n_porduct_detail .fl01 dl{ margin:0}
.n_porduct_detail .fl01 dl dt h3 img{ height:24px;}
}
.header .logo>svg{ display:none}